.invoice-preview-open {
    overflow: hidden;
}

.invoice-preview-overlay {
    position: fixed;
    inset: 0;
    z-index: 1100;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 30px;

    background: rgba(0, 0, 0, 0.55);
}

.invoice-preview-container {
    position: relative;

    width: 95vw;
    max-width: 1600px;
    max-height: 95vh;

    overflow: auto;

    background: #fff;
    border-radius: 4px;

    box-shadow:
            0 10px 40px
            rgba(0, 0, 0, 0.3);
}

.invoice-preview-content {
    min-height: 300px;
}

.invoice-preview-close {
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 10;

    padding: 0;

    border: 0;
    background: transparent;

    font-size: 32px;
    line-height: 1;

    cursor: pointer;
}

.invoice-preview-loading,
.invoice-preview-error {
    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 300px;
}

.invoice-preview-error {
    color: #dc3545;
}