.navbar-brand-img {
    max-width: 200px;
    max-height: 2.5rem;
    width: auto;
    height: auto;
    object-fit: contain;
}

.navbar-brand {
    padding: 0.25rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.container-fluid {
    display: flex;
    justify-content: center;
    width: 100%;
}

/* Print-specific styles */
@media print {
    /* Hide everything by default */
    body * {
        visibility: hidden;
    }

    /* Make the invoice wrapper and its content visible */
    #invoice-content-wrapper, #invoice-content-wrapper * {
        visibility: visible;
    }

    /* Position the invoice at the top-left corner of the page */
    #invoice-content-wrapper {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        border: none;
        padding: 0;
        margin: 0;
    }

    /* Ensure the main app container doesn't interfere */
    #app {
        display: none !important;
    }
}