@page{
    size:A4;
    margin:10mm;
}

@media print{

    /* =========================
       HIDE UI
    ========================= */

    .preview-actions,
    .sidebar,
    .navbar,
    .language-switcher,
    .lang-switcher,
    .language-dropdown,
    .landing-topbar,
    #mobile-menu-btn,
    #tsparticles,
    body::before,
    .orb,
    .orb-1,
    .orb-2,
    .orb-3{
        display:none !important;
    }

    /* =========================
       LAYOUT RESET
    ========================= */

    html,
    body,
    .dashboard-layout,
    .main-content,
    .document-preview{
        margin:0 !important;
        padding:0 !important;

        width:100% !important;
        max-width:none !important;

        background:#fff !important;
        background-image:none !important;

        box-shadow:none !important;
        border-radius:0 !important;
    }

    body{
        font-size:12px !important;
        color:#000 !important;
    }

    .app-layout{
        display:block !important;
    }

    /* =========================
       TYPOGRAPHY
    ========================= */

    h1{
        line-height:1.2 !important;
    }

    h2{
        line-height:1.2 !important;
    }

    h3{
        line-height:1.2 !important;
    }

    strong,
    p,
    li,
    span,
    td,
    div{
        line-height:1.3 !important;
    }

    ul{
        margin:4px 0 0 16px !important;
    }

    li{
        margin-bottom:3px !important;
    }

    p{
        margin-bottom:4px !important;
    }

    /* =========================
       PAGE BREAK CONTROL
    ========================= */

    .payment-card,
    .budget-card,
    .contract-value-card{
        page-break-after:avoid !important;
    }

    .signature-section{
        page-break-inside:avoid !important;
        break-inside:avoid !important;
    }

}

@media print{

    .document-preview{

        margin:0 !important;
        padding:0 !important;

        max-width:none !important;
        width:100% !important;

        border:none !important;
        border-radius:0 !important;
        box-shadow:none !important;
    }

.preview-section{
        margin-bottom:10px !important;
    }



}