/* =========================================================
   TEMPLATE 10 — ELEGANT BUSINESS
   ========================================================= */

.elegant-business-invoice {
    width: 210mm;
    min-height: 297mm;
    box-sizing: border-box;

    background: #ffffff;
    color: #17233b;

    padding: 10mm 10mm 7mm;

    font-family: "Inter", Arial, sans-serif;

    position: relative;
    overflow: hidden;
}

/* ---------------------------------------------------------
   TOP ACCENT
   --------------------------------------------------------- */

.elegant-business-invoice .eb-top-accent {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;

    height: 4mm;

    background:
        linear-gradient(
            90deg,
            #17233b 0%,
            #17233b 62%,
            #c89b4a 62%,
            #c89b4a 100%
        );
}

/* ---------------------------------------------------------
   MAIN CONTENT
   --------------------------------------------------------- */

.elegant-business-invoice .eb-page {
    width: 100%;

    min-height: 0 !important;
    height: auto !important;

    display: block !important;
}
/* ---------------------------------------------------------
   HEADER
   --------------------------------------------------------- */

.elegant-business-invoice .eb-header {
    display: grid;
    grid-template-columns: 1.45fr 0.85fr;
    gap: 12mm;

    padding-top: 7mm;
    padding-bottom: 7mm;
}

/* ---------------------------------------------------------
   BILL / SHIP
   --------------------------------------------------------- */

.elegant-business-invoice .eb-address-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7mm;

    margin-bottom: 7mm;
}

/* ---------------------------------------------------------
   PRODUCTS
   --------------------------------------------------------- */

.elegant-business-invoice .eb-products {
    width: 100%;
    margin-bottom: 6mm;
}

/* ---------------------------------------------------------
   BOTTOM CONTENT
   --------------------------------------------------------- */

.elegant-business-invoice .eb-bottom-grid {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: 10mm;

    margin-top: auto;
}

/* ---------------------------------------------------------
   FINAL FOOTER
   --------------------------------------------------------- */

.elegant-business-invoice .eb-final-footer {
    margin-top: 6mm;
}

/* ---------------------------------------------------------
   PRINT
   --------------------------------------------------------- */

@media print {

    .elegant-business-invoice {
        width: 210mm;
        min-height: 297mm;

        margin: 0;
        box-shadow: none;

        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }

}
/* =========================================================
   TEMPLATE 10 — ELEGANT BUSINESS
   HEADER — FINAL
   ========================================================= */

.elegant-business-invoice .eb-header {

    width: 100%;

    display: grid;

    grid-template-columns:
        minmax(0, 1.45fr)
        minmax(0, 0.85fr);

    column-gap: 10mm;

    align-items: start;

    padding-top: 7mm;
    padding-bottom: 6mm;

}


/* =========================================================
   LEFT — COMPANY
   ========================================================= */

.elegant-business-invoice .eb-company {

    grid-column: 1;
    grid-row: 1;

    min-width: 0;

}


/* =========================================================
   BRAND
   ========================================================= */

.elegant-business-invoice .eb-brand-row {

    display: flex;

    align-items: center;

    gap: 5mm;

}


/* =========================================================
   LOGO
   ========================================================= */

.elegant-business-invoice .eb-logo {

    width: 20mm;
    height: 20mm;

    flex: 0 0 20mm;

    display: flex;

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

}


.elegant-business-invoice .eb-logo img {

    width: 100%;
    height: 100%;

    object-fit: contain;

}


.elegant-business-invoice .eb-logo-placeholder {

    width: 18mm;
    height: 18mm;

    display: flex;

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

    border: 1px solid #c89b4a;

    color: #17233b;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 25px;

    font-weight: 700;

    position: relative;

}


.elegant-business-invoice .eb-logo-placeholder::before {

    content: "";

    position: absolute;

    width: 13mm;
    height: 13mm;

    border: 1px solid #c89b4a;

    transform: rotate(45deg);

}


/* =========================================================
   COMPANY NAME
   ========================================================= */

.elegant-business-invoice .eb-company-name {

    color: #17233b;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 25px;

    font-weight: 700;

    letter-spacing: 1px;

    line-height: 1.05;

    text-transform: uppercase;

}


.elegant-business-invoice .eb-company-tagline {

    margin-top: 2mm;

    color: #b58232;

    font-size: 9px;

    letter-spacing: 1.2px;

    text-transform: uppercase;

}


/* =========================================================
   COMPANY CONTACT
   ========================================================= */

.elegant-business-invoice .eb-company-contact {

    margin-top: 5mm;

    display: flex;

    flex-direction: column;

    gap: 1.8mm;

}


.elegant-business-invoice .eb-contact-row {

    display: flex;

    align-items: flex-start;

    gap: 3mm;

    color: #303846;

    font-size: 9.5px;

    line-height: 1.3;

}


.elegant-business-invoice .eb-contact-icon {

    width: 4mm;

    flex: 0 0 4mm;

    color: #c89b4a;

    font-size: 12px;

    text-align: center;

}


/* =========================================================
   RIGHT — INVOICE META
   ========================================================= */

.elegant-business-invoice .eb-invoice-meta {

    grid-column: 2;
    grid-row: 1;

    min-width: 0;

    min-height: 48mm;

    border-left: 1px solid #d9c6a3;

    padding-left: 8mm;

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: stretch;

}


/* =========================================================
   INVOICE TITLE
   ========================================================= */

.elegant-business-invoice .eb-invoice-title {

    color: #17233b;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 30px;

    font-weight: 700;

    letter-spacing: 1.5px;

    line-height: 1;

    text-align: left;

}


.elegant-business-invoice .eb-invoice-number {

    margin-top: 3mm;

    color: #b58232;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 13px;

    font-weight: 600;

    letter-spacing: .5px;

}


/* =========================================================
   INVOICE META ROWS
   ========================================================= */

.elegant-business-invoice .eb-meta-list {

    margin-top: 5mm;

    display: flex;

    flex-direction: column;

    gap: 1.8mm;

}


.elegant-business-invoice .eb-meta-row {

    display: grid;

    grid-template-columns: 1fr auto;

    align-items: center;

    gap: 4mm;

    padding-bottom: 1.3mm;

    border-bottom: 1px solid #eee9df;

    font-size: 9px;

}


.elegant-business-invoice .eb-meta-label {

    color: #737b88;

}


.elegant-business-invoice .eb-meta-value {

    color: #202938;

    font-weight: 600;

    text-align: right;

    white-space: nowrap;

}


/* =========================================================
   STATUS
   ========================================================= */

.elegant-business-invoice .eb-status {

    display: inline-flex;

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

    min-width: 18mm;

    padding: 1.2mm 3.5mm;

    border-radius: 20px;

    background: #38a169;

    color: #ffffff;

    font-size: 7.5px;

    font-weight: 700;

    letter-spacing: .7px;

    text-transform: uppercase;

}


/* =========================================================
   HEADER PRINT
   ========================================================= */

@media print {

    .elegant-business-invoice .eb-header {

        break-inside: avoid;

        page-break-inside: avoid;

    }

}

/* =========================================================
   ELEGANT BUSINESS — BILL FROM / BILL TO / SHIP TO
   ========================================================= */

.elegant-business-invoice .eb-address-section {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    gap: 5mm;

    margin-bottom: 6mm;

    border-top: 1px solid #e5dfd3;

    border-bottom: 1px solid #e5dfd3;

    padding: 5mm 0;

}


.elegant-business-invoice .eb-party-block {

    min-width: 0;

    padding: 0 5mm;

    border-left: 1px solid #e8e1d6;

}


.elegant-business-invoice .eb-party-block:first-child {

    padding-left: 0;

    border-left: none;

}


.elegant-business-invoice .eb-party-heading {

    margin-bottom: 3mm;

    color: #b58232;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 1.4px;

    text-transform: uppercase;

}


.elegant-business-invoice .eb-party-content {

    color: #4b5563;

    font-size: 9.5px;

    line-height: 1.55;

}


.elegant-business-invoice .eb-party-name {

    margin-bottom: 1.5mm;

    color: #17233b;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 13px;

    font-weight: 700;

}


.elegant-business-invoice .eb-party-person {

    margin-bottom: 1.5mm;

    color: #697386;

    font-size: 9px;

}


.elegant-business-invoice .eb-party-contact {

    margin-top: 1.5mm;

    color: #596273;

    font-size: 9px;

}


@media print {

    .elegant-business-invoice .eb-address-section {

        break-inside: avoid;

        page-break-inside: avoid;

    }

}
/* =========================================================
   TEMPLATE 10 — PRODUCTS TABLE
   ========================================================= */

.elegant-business-invoice .eb-products {

    width: 100%;

    margin-bottom: 6mm;

}


/* ---------------------------------------------------------
   SECTION HEADING
   --------------------------------------------------------- */

.elegant-business-invoice .eb-products-heading {

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    margin-bottom: 3mm;

}


.elegant-business-invoice .eb-section-kicker {

    color: #b58232;

    font-size: 8.5px;

    font-weight: 700;

    letter-spacing: 1.5px;

    text-transform: uppercase;

}


.elegant-business-invoice .eb-products-subtitle {

    margin-top: 1mm;

    color: #17233b;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 15px;

    font-weight: 700;

}


/* ---------------------------------------------------------
   TABLE WRAPPER
   --------------------------------------------------------- */

.elegant-business-invoice .eb-products-table-wrap {

    width: 100%;

    overflow: hidden;

    border-top: 2px solid #17233b;

    border-bottom: 1px solid #dcd5c9;

}


/* ---------------------------------------------------------
   TABLE
   --------------------------------------------------------- */

.elegant-business-invoice .eb-products-table {

    width: 100%;

    border-collapse: collapse;

    table-layout: fixed;

    font-size: 8.5px;

}


/* ---------------------------------------------------------
   TABLE HEADER
   --------------------------------------------------------- */

.elegant-business-invoice .eb-products-table thead {

    background: #17233b;

    color: #ffffff;

}


.elegant-business-invoice .eb-products-table th {

    padding: 3mm 2mm;

    font-size: 7.5px;

    font-weight: 700;

    letter-spacing: .7px;

    text-transform: uppercase;

    vertical-align: middle;

}


/* ---------------------------------------------------------
   COLUMNS
   --------------------------------------------------------- */

.elegant-business-invoice .eb-col-number {

    width: 7%;

    text-align: center;

}


.elegant-business-invoice .eb-col-item {

    width: 34%;

    text-align: left;

}


.elegant-business-invoice .eb-col-sku {

    width: 12%;

    text-align: left;

}


.elegant-business-invoice .eb-col-qty {

    width: 8%;

    text-align: center;

}


.elegant-business-invoice .eb-col-price {

    width: 14%;

    text-align: right;

}


.elegant-business-invoice .eb-col-tax {

    width: 9%;

    text-align: center;

}


.elegant-business-invoice .eb-col-amount {

    width: 16%;

    text-align: right;

}


/* ---------------------------------------------------------
   TABLE BODY
   --------------------------------------------------------- */

.elegant-business-invoice .eb-products-table tbody tr {

    border-bottom: 1px solid #ece7de;

}


.elegant-business-invoice .eb-products-table tbody tr:nth-child(even) {

    background: #fbfaf7;

}


.elegant-business-invoice .eb-products-table td {

    padding: 3mm 2mm;

    color: #374151;

    vertical-align: middle;

}


/* ---------------------------------------------------------
   ITEM / DESCRIPTION
   --------------------------------------------------------- */

.elegant-business-invoice .eb-products-table td:nth-child(2) {

    color: #17233b;

    font-weight: 600;

    line-height: 1.35;

}


/* ---------------------------------------------------------
   NUMBER
   --------------------------------------------------------- */

.elegant-business-invoice .eb-products-table td:first-child {

    color: #b58232;

    font-weight: 700;

    text-align: center;

}


/* ---------------------------------------------------------
   NUMERIC COLUMNS
   --------------------------------------------------------- */

.elegant-business-invoice .eb-products-table td:nth-child(4) {

    text-align: center;

}


.elegant-business-invoice .eb-products-table td:nth-child(5),
.elegant-business-invoice .eb-products-table td:nth-child(7) {

    text-align: right;

    white-space: nowrap;

}


.elegant-business-invoice .eb-products-table td:nth-child(6) {

    text-align: center;

    white-space: nowrap;

}


/* ---------------------------------------------------------
   4 PRODUCT PAGE TARGET
   --------------------------------------------------------- */

.elegant-business-invoice .eb-products-table tbody tr {

    break-inside: avoid;

    page-break-inside: avoid;

}


/* ---------------------------------------------------------
   PRINT
   --------------------------------------------------------- */

@media print {

    .elegant-business-invoice .eb-products-table {

        break-inside: auto;

        page-break-inside: auto;

    }

    .elegant-business-invoice .eb-products-table thead {

        display: table-header-group;

    }

    .elegant-business-invoice .eb-products-table tr {

        break-inside: avoid;

        page-break-inside: avoid;

    }

}
/* =========================================================
   ELEGANT BUSINESS — HEADER STRUCTURE FINAL
   ========================================================= */


/* ---------------------------------------------------------
   OUTER HEADER
   --------------------------------------------------------- */

.elegant-business-invoice .eb-header {

    width: 100% !important;

    display: block !important;

    padding-top: 7mm !important;

    padding-bottom: 7mm !important;

}


/* ---------------------------------------------------------
   HEADER CONTENT — FULL WIDTH
   --------------------------------------------------------- */

.elegant-business-invoice #eb-header-content {

    width: 100% !important;

    display: grid !important;

    grid-template-columns: 68% 32% !important;

    column-gap: 0 !important;

    align-items: start !important;

}


/* ---------------------------------------------------------
   SUPPLIER / COMPANY
   --------------------------------------------------------- */

.elegant-business-invoice #eb-header-content .eb-company {

    grid-column: 1 !important;

    width: 100% !important;

    min-width: 0 !important;

}


/* ---------------------------------------------------------
   INVOICE AREA
   --------------------------------------------------------- */

.elegant-business-invoice #eb-header-content .eb-invoice-meta {

    grid-column: 2 !important;

    width: 100% !important;

    min-width: 0 !important;

    margin: 0 !important;

    padding-left: 8mm !important;

    padding-right: 0 !important;

    border-left: 1px solid #d9c6a3 !important;

    box-sizing: border-box !important;

}


/* ---------------------------------------------------------
   INVOICE TITLE
   --------------------------------------------------------- */

.elegant-business-invoice #eb-header-content .eb-invoice-title {

    text-align: left !important;

}


/* ---------------------------------------------------------
   INVOICE NUMBER
   --------------------------------------------------------- */

.elegant-business-invoice #eb-header-content .eb-invoice-number {

    text-align: left !important;

}


/* ---------------------------------------------------------
   META ROWS
   --------------------------------------------------------- */

.elegant-business-invoice #eb-header-content .eb-meta-row {

    grid-template-columns: 1fr auto !important;

}


/* ---------------------------------------------------------
   HEADER FULL WIDTH
   --------------------------------------------------------- */

.elegant-business-invoice .eb-header {

    width: 100% !important;

    padding-left: 0 !important;

    padding-right: 0 !important;

}
/* =========================================================
   ELEGANT BUSINESS — HEADER FINAL POLISH
   ========================================================= */

/* Company / supplier side */
.elegant-business-invoice #eb-header-content .eb-company {
    padding-right: 5mm !important;
}


/* Logo */
.elegant-business-invoice #eb-header-content .eb-logo {
    width: 22mm !important;
    height: 22mm !important;
    flex-basis: 22mm !important;
}


/* Company name */
.elegant-business-invoice #eb-header-content .eb-company-name {
    font-size: 27px !important;
    letter-spacing: 1px !important;
}


/* Tagline */
.elegant-business-invoice #eb-header-content .eb-company-tagline {
    margin-top: 2.5mm !important;
    font-size: 9.5px !important;
}


/* Invoice block — move content slightly right */
.elegant-business-invoice #eb-header-content .eb-invoice-meta {
    padding-left: 12mm !important;
}


/* Invoice title */
.elegant-business-invoice #eb-header-content .eb-invoice-title {
    font-size: 32px !important;
    letter-spacing: 1.5px !important;
}


/* Invoice number */
.elegant-business-invoice #eb-header-content .eb-invoice-number {
    margin-top: 3mm !important;
    font-size: 13px !important;
}


/* Contact area */
.elegant-business-invoice #eb-header-content .eb-company-contact {
    margin-top: 4.5mm !important;
    gap: 1.7mm !important;
}


/* Reduce unnecessary bottom space */
.elegant-business-invoice .eb-header {
    padding-bottom: 5mm !important;
}
.elegant-business-invoice .eb-logo-empty {
    display: none !important;
}
/* =========================================================
   ELEGANT BUSINESS — PARTIES
   Equal Bill To / Deliver To Cards
   ========================================================= */

.elegant-business-invoice .eb-address-section {

    width: 100% !important;

    display: grid !important;

    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    gap: 8mm !important;

    align-items: stretch !important;

}


.elegant-business-invoice .eb-party-block {

    width: 100% !important;

    min-width: 0 !important;

    min-height: 42mm !important;

    box-sizing: border-box !important;

    padding: 6mm !important;

    border: 1px solid #e7e0d5 !important;

    background: #fff !important;

}


.elegant-business-invoice .eb-party-content {

    min-height: 26mm !important;

}


.elegant-business-invoice .eb-party-name {

    margin-bottom: 3mm !important;

}


.elegant-business-invoice .eb-party-contact {

    margin-top: 2mm !important;

}


/* Keep both cards visually equal */

.elegant-business-invoice .eb-bill-to,
.elegant-business-invoice .eb-deliver-to {

    display: flex !important;

    flex-direction: column !important;

    height: 100% !important;

}
/* =========================================================
   ELEGANT BUSINESS — PARTY CONTACT POSITION
   ========================================================= */

.elegant-business-invoice .eb-party-content {

    position: relative !important;

    min-height: 30mm !important;

    padding-right: 42mm !important;

    box-sizing: border-box !important;

}


/* Phone + Email right side */

.elegant-business-invoice .eb-party-contacts {

    position: absolute !important;

    top: 10mm !important;

    right: 0 !important;

    width: 38mm !important;

    display: flex !important;

    flex-direction: column !important;

    gap: 3mm !important;

}


/* Individual contact */

.elegant-business-invoice .eb-party-contact {

    display: flex !important;

    align-items: flex-start !important;

    gap: 2mm !important;

    white-space: nowrap !important;

    font-size: 10px !important;

}


/* Contact icon */

.elegant-business-invoice .eb-party-contact-icon {

    flex: 0 0 auto !important;

    width: 4mm !important;

    text-align: center !important;

}
/* =====================================================
   ELEGANT BUSINESS — PREMIUM NOTES
   ===================================================== */

.elegant-business-invoice .eb-notes-section {

    width: 100%;

    page-break-inside: avoid !important;

    break-inside: avoid !important;

}


/* Header */

.elegant-business-invoice .eb-notes-header {

    display: flex;

    align-items: center;

    gap: 3mm;

    margin-bottom: 2.5mm;

}


/* Icon */

.elegant-business-invoice .eb-notes-icon {

    width: 9mm;

    height: 9mm;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #18243b;

    color: #ffffff;

    font-size: 15px;

    font-weight: 600;

    border-radius: 1mm;

    flex: 0 0 auto;

}


/* Heading */

.elegant-business-invoice .eb-notes-title-wrap {

    flex: 1;

}


.elegant-business-invoice .eb-notes-heading {

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 1.4px;

    color: #b88a32;

}


/* Gold rule */

.elegant-business-invoice .eb-notes-rule {

    width: 100%;

    height: 0.25mm;

    background: #d7bc84;

    margin-top: 1.2mm;

}


/* Body */

.elegant-business-invoice .eb-notes-body {

    padding-left: 12mm;

    padding-right: 2mm;

}


.elegant-business-invoice .eb-notes-text {

    font-size: 9.5px;

    line-height: 1.55;

    color: #303744;

    white-space: pre-line;

}


.elegant-business-invoice .eb-notes-empty {

    color: #6b7280;

    font-style: italic;

}
/* =====================================================
   ELEGANT BUSINESS — PREMIUM PAYMENT
   ===================================================== */

.elegant-business-invoice .eb-payment-section {

    width: 100%;

    page-break-inside: avoid !important;

    break-inside: avoid !important;

}


/* ---------------------------------------------
   Header
   --------------------------------------------- */

.elegant-business-invoice .eb-payment-header {

    display: flex;

    align-items: center;

    gap: 3mm;

    margin-bottom: 3mm;

}


.elegant-business-invoice .eb-payment-icon {

    width: 9mm;

    height: 9mm;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #18243b;

    color: #ffffff;

    border-radius: 1mm;

    font-size: 15px;

    font-weight: 700;

}


.elegant-business-invoice .eb-payment-heading-wrap {

    flex: 1;

}


.elegant-business-invoice .eb-payment-heading {

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 1.4px;

    color: #b88a32;

}


.elegant-business-invoice .eb-payment-rule {

    width: 100%;

    height: 0.25mm;

    background: #d7bc84;

    margin-top: 1.2mm;

}


/* ---------------------------------------------
   Payment Card
   --------------------------------------------- */

.elegant-business-invoice .eb-payment-card {

    border: 1px solid #eadfc9;

    background: #fcfaf6;

    border-radius: 1.5mm;

    padding: 3.5mm 4mm;

}


/* ---------------------------------------------
   Payment Rows
   --------------------------------------------- */

.elegant-business-invoice .eb-payment-item {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 6mm;

    padding: 1.6mm 0;

    border-bottom: 1px solid #eee7da;

}


.elegant-business-invoice .eb-payment-item:last-child {

    border-bottom: none;

}


.elegant-business-invoice .eb-payment-label {

    font-size: 8.5px;

    color: #6b7280;

    letter-spacing: 0.2px;

}


.elegant-business-invoice .eb-payment-value {

    font-size: 9px;

    color: #18243b;

    text-align: right;

    font-weight: 600;

}


/* ---------------------------------------------
   Instructions
   --------------------------------------------- */

.elegant-business-invoice .eb-payment-instructions {

    margin-top: 2mm;

    padding-top: 2.5mm;

    border-top: 1px solid #e4d6b9;

}


.elegant-business-invoice .eb-payment-instruction-text {

    margin-top: 1mm;

    font-size: 8.5px;

    line-height: 1.45;

    color: #4b5563;

    white-space: pre-line;

}


/* ---------------------------------------------
   Print Safety
   --------------------------------------------- */

.elegant-business-invoice .eb-payment-card,
.elegant-business-invoice .eb-payment-item,
.elegant-business-invoice .eb-payment-instructions {

    page-break-inside: avoid !important;

    break-inside: avoid !important;

}
.elegant-business-invoice .eb-payment-section {
    width: 100% !important;

    margin-top: 2mm !important;

    page-break-before: auto !important;
    page-break-after: auto !important;

    page-break-inside: auto !important;
    break-before: auto !important;
    break-after: auto !important;
    break-inside: auto !important;
}


.elegant-business-invoice .eb-payment-header {
    display: flex;
    align-items: center;
    gap: 2.5mm;
    margin-bottom: 2mm;
}


.elegant-business-invoice .eb-payment-icon {
    width: 7mm;
    height: 7mm;

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

    background: #18243b;
    color: #ffffff;

    border-radius: 1mm;

    font-size: 12px;
    font-weight: 700;
}


.elegant-business-invoice .eb-payment-heading {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.2px;
}


.elegant-business-invoice .eb-payment-rule {
    height: 0.2mm;
    margin-top: 0.8mm;
}


.elegant-business-invoice .eb-payment-card {
    border: 1px solid #eadfc9;
    background: #fcfaf6;
    border-radius: 1.2mm;

    padding: 1.5mm 2.5mm !important;

    margin: 0 !important;
}


.elegant-business-invoice .eb-payment-item {
    padding: 0.7mm 0 !important;

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

    gap: 4mm;
}


.elegant-business-invoice .eb-payment-label {
    font-size: 7.5px;
}


.elegant-business-invoice .eb-payment-value {
    font-size: 8px;
}


.elegant-business-invoice .eb-payment-instructions {
    margin-top: 1mm !important;
    padding-top: 1mm !important;
}


.elegant-business-invoice .eb-payment-instruction-text {
    margin-top: 0.8mm;
    font-size: 7.5px;
    line-height: 1.3;
}
/* =========================================================
   ELEGANT BUSINESS — FINAL PAGE FLOW
   ========================================================= */

.elegant-business-invoice .eb-page {
    min-height: 0 !important;
    height: auto !important;
    display: block !important;
}


/* ---------------------------------------------------------
   BOTTOM GRID
   --------------------------------------------------------- */

.elegant-business-invoice .eb-bottom-grid {

    display: grid !important;

    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(0, 0.92fr) !important;

    column-gap: 8mm !important;

    align-items: start !important;

    width: 100% !important;

    margin-top: 4mm !important;

    margin-bottom: 0 !important;

}


/* ---------------------------------------------------------
   LEFT SIDE — NOTES + PAYMENT
   --------------------------------------------------------- */

.elegant-business-invoice .eb-left-bottom {

    display: flex !important;

    flex-direction: column !important;

    gap: 3mm !important;

    width: 100% !important;

    min-width: 0 !important;

}


/* ---------------------------------------------------------
   NOTES
   --------------------------------------------------------- */

.elegant-business-invoice .eb-notes {

    width: 100% !important;

    margin: 0 !important;

}


/* ---------------------------------------------------------
   PAYMENT
   --------------------------------------------------------- */

.elegant-business-invoice .eb-payment {

    width: 100% !important;

    margin: 0 !important;

}


/* ---------------------------------------------------------
   TOTALS
   --------------------------------------------------------- */

.elegant-business-invoice .eb-totals {

    width: 100% !important;

    margin: 0 !important;

}


/* ---------------------------------------------------------
   FINAL FOOTER
   --------------------------------------------------------- */

.elegant-business-invoice .eb-final-footer {

    width: 100% !important;

    margin-top: 4mm !important;

}
/* =====================================================
   ELEGANT BUSINESS — PREMIUM TOTALS
   ===================================================== */

.elegant-business-invoice .eb-totals-section {

    width: 100%;

    min-width: 0;

    page-break-inside: avoid !important;

    break-inside: avoid !important;

}


/* -----------------------------------------------------
   Heading
   ----------------------------------------------------- */

.elegant-business-invoice .eb-totals-heading {

    display: flex;

    align-items: baseline;

    justify-content: space-between;

    gap: 4mm;

    margin-bottom: 2.5mm;

    padding-bottom: 1.5mm;

    border-bottom: 0.3mm solid #d7bc84;

}


.elegant-business-invoice .eb-totals-kicker {

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.5px;

    color: #b88a32;

}


.elegant-business-invoice .eb-totals-title {

    font-size: 9px;

    font-weight: 600;

    color: #18243b;

}


/* -----------------------------------------------------
   Summary Box
   ----------------------------------------------------- */

.elegant-business-invoice .eb-totals-box {

    width: 100%;

    background: #fcfaf6;

    border: 1px solid #eadfc9;

    border-radius: 1.5mm;

    padding: 3mm 3.5mm;

    box-sizing: border-box;

    page-break-inside: avoid !important;

    break-inside: avoid !important;

}


/* -----------------------------------------------------
   Standard Rows
   ----------------------------------------------------- */

.elegant-business-invoice .eb-totals-box .eb-total-row {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 5mm;

    min-height: 5mm;

    padding: 1mm 0;

}


.elegant-business-invoice .eb-totals-box .eb-total-row span {

    font-size: 8.5px;

    color: #596273;

}


.elegant-business-invoice .eb-totals-box .eb-total-row strong {

    font-size: 8.7px;

    color: #18243b;

    font-weight: 600;

    text-align: right;

}


/* -----------------------------------------------------
   Discount
   ----------------------------------------------------- */

.elegant-business-invoice .eb-discount-row strong {

    color: #b4473f !important;

}


/* -----------------------------------------------------
   Divider
   ----------------------------------------------------- */

.elegant-business-invoice .eb-total-divider {

    width: 100%;

    height: 0.25mm;

    background: #d7bc84;

    margin: 1.5mm 0;

}


/* -----------------------------------------------------
   GRAND TOTAL
   ----------------------------------------------------- */

.elegant-business-invoice .eb-total-grand {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 5mm;

    background: #18243b;

    border-radius: 1mm;

    padding: 2.5mm 3mm;

    margin-top: 1mm;

}


.elegant-business-invoice .eb-total-grand span {

    font-family: Georgia, serif;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 0.5px;

    color: #ffffff;

}


.elegant-business-invoice .eb-total-grand strong {

    font-family: Georgia, serif;

    font-size: 13px;

    font-weight: 700;

    color: #ffffff;

}


/* -----------------------------------------------------
   Paid / Due
   ----------------------------------------------------- */

.elegant-business-invoice .eb-total-payment {

    margin-top: 2mm;

    padding-top: 1.5mm;

    border-top: 1px solid #e7dfd1;

}


.elegant-business-invoice .eb-paid-row strong {

    color: #2f9b68 !important;

}


.elegant-business-invoice .eb-balance-row strong {

    color: #c58a25 !important;

}


/* -----------------------------------------------------
   Compact Print Safety
   ----------------------------------------------------- */

.elegant-business-invoice .eb-totals-section,
.elegant-business-invoice .eb-totals-box,
.elegant-business-invoice .eb-total-grand,
.elegant-business-invoice .eb-total-payment {

    page-break-inside: avoid !important;

    break-inside: avoid !important;

}
/* =====================================================
   ELEGANT BUSINESS — PREMIUM QR
   ===================================================== */

.elegant-business-invoice .eb-qr-section {

    width: 100%;

    margin-top: 4mm;

    page-break-inside: avoid !important;

    break-inside: avoid !important;

}


/* -----------------------------------------------------
   QR Heading
   ----------------------------------------------------- */

.elegant-business-invoice .eb-qr-heading {

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.5px;

    color: #b88a32;

    padding-bottom: 1.5mm;

    border-bottom: 0.25mm solid #d7bc84;

}


/* -----------------------------------------------------
   QR Card
   ----------------------------------------------------- */

.elegant-business-invoice .eb-qr-card {

    display: flex;

    align-items: center;

    gap: 4mm;

    width: 100%;

    box-sizing: border-box;

    margin-top: 2mm;

    padding: 2.5mm 3mm;

    border: 1px solid #eadfc9;

    border-radius: 1.5mm;

    background: #fcfaf6;

    page-break-inside: avoid !important;

    break-inside: avoid !important;

}


/* -----------------------------------------------------
   QR Image
   ----------------------------------------------------- */

.elegant-business-invoice .eb-qr-image {

    width: 22mm;

    height: 22mm;

    flex: 0 0 22mm;

    display: flex;

    align-items: center;

    justify-content: center;

}


.elegant-business-invoice .eb-qr-image img {

    width: 100%;

    height: 100%;

    object-fit: contain;

    display: block;

}


/* -----------------------------------------------------
   Placeholder
   ----------------------------------------------------- */

.elegant-business-invoice .eb-qr-placeholder {

    width: 22mm;

    height: 22mm;

    flex: 0 0 22mm;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid #d7bc84;

    color: #18243b;

    font-size: 14px;

    font-weight: 700;

}


/* -----------------------------------------------------
   QR Text
   ----------------------------------------------------- */

.elegant-business-invoice .eb-qr-text {

    display: flex;

    flex-direction: column;

    gap: 1mm;

}


.elegant-business-invoice .eb-qr-title {

    font-family: Georgia, serif;

    font-size: 11px;

    font-weight: 700;

    color: #18243b;

}


.elegant-business-invoice .eb-qr-label {

    font-size: 8px;

    line-height: 1.4;

    color: #687080;

}


/* -----------------------------------------------------
   Print Safety
   ----------------------------------------------------- */

@media print {

    .elegant-business-invoice .eb-qr-section,
    .elegant-business-invoice .eb-qr-card {

        page-break-inside: avoid !important;

        break-inside: avoid !important;

    }

}
/* =====================================================
   ELEGANT BUSINESS — PREMIUM COMPACT FOOTER
   ===================================================== */

.elegant-business-invoice .eb-footer {

    width: 100%;

    margin-top: 3mm;

    page-break-inside: avoid !important;

    break-inside: avoid !important;

}


/* Gold divider */

.elegant-business-invoice .eb-footer-line {

    width: 100%;

    height: 0.25mm;

    background: #d7bc84;

    margin-bottom: 2mm;

}


/* Footer content */

.elegant-business-invoice .eb-footer-content {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 6mm;

    width: 100%;

}


/* Left side */

.elegant-business-invoice .eb-footer-message {

    display: flex;

    align-items: center;

    gap: 4mm;

    min-width: 0;

}


/* Thank you */

.elegant-business-invoice .eb-footer-thank-you {

    font-size: 8px;

    color: #18243b;

    font-weight: 600;

}


/* Website */

.elegant-business-invoice .eb-footer-website {

    font-size: 7px;

    color: #b88a32;

    white-space: nowrap;

}


/* Tagline */

.elegant-business-invoice .eb-footer-tagline {

    font-family: Georgia, serif;

    font-size: 8px;

    font-style: italic;

    color: #687080;

    text-align: right;

    white-space: nowrap;

}


/* Print safety */

@media print {

    .elegant-business-invoice .eb-footer {

        page-break-inside: avoid !important;

        break-inside: avoid !important;

    }

}
/* =====================================================
   ELEGANT BUSINESS
   QR + FOOTER FULL WIDTH BOTTOM ROW
   ===================================================== */

.elegant-business-invoice .eb-bottom-grid {

    display: grid !important;

    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(0, 0.92fr) !important;

    column-gap: 8mm !important;

    row-gap: 3mm !important;

    align-items: start !important;

}


/* QR + Footer occupy complete width */

.elegant-business-invoice .eb-bottom-grid .eb-final-footer {

    grid-column: 1 / -1 !important;

    width: 100% !important;

    margin-top: 1mm !important;

    page-break-before: auto !important;

    page-break-after: auto !important;

    break-before: auto !important;

    break-after: auto !important;

}


/* QR compact */

.elegant-business-invoice .eb-bottom-grid .eb-qr-section {

    margin-top: 0 !important;

}


/* Footer compact */

.elegant-business-invoice .eb-bottom-grid .eb-footer {

    margin-top: 2mm !important;

}
/* =====================================================
   ELEGANT BUSINESS — COMPACT BILL / DELIVER CARDS
   ===================================================== */

.elegant-business-invoice .eb-parties {

    margin-top: 3mm !important;
    margin-bottom: 3mm !important;

}


/* Cards */

.elegant-business-invoice .eb-party-card {

    min-height: 0 !important;

    height: auto !important;

    padding: 3mm 4mm !important;

}


/* Party heading */

.elegant-business-invoice .eb-party-heading {

    margin-bottom: 2mm !important;

}


/* Customer name */

.elegant-business-invoice .eb-party-name {

    margin-bottom: 1.5mm !important;

}


/* Address/data */

.elegant-business-invoice .eb-party-details {

    gap: 0.8mm !important;

}


/* Individual rows */

.elegant-business-invoice .eb-party-row {

    margin: 0 !important;

    padding: 0.4mm 0 !important;

}


/* Phone + Email */

.elegant-business-invoice .eb-party-contact {

    gap: 1mm !important;

}
/* =====================================================
   ELEGANT BUSINESS — EXTRA COMPACT QR
   ===================================================== */

.elegant-business-invoice .eb-qr-section {
    margin-top: 2mm !important;
}


.elegant-business-invoice .eb-qr-heading {
    padding-bottom: 0.8mm !important;

    font-size: 7px !important;
}


/* QR card */

.elegant-business-invoice .eb-qr-card {

    margin-top: 1mm !important;

    padding: 1.5mm 2.5mm !important;

    min-height: 0 !important;

    height: auto !important;

    gap: 3mm !important;

    border-radius: 1mm !important;
}


/* Actual QR */

.elegant-business-invoice .eb-qr-image {

    width: 15mm !important;

    height: 15mm !important;

    flex: 0 0 15mm !important;
}


/* Placeholder */

.elegant-business-invoice .eb-qr-placeholder {

    width: 15mm !important;

    height: 15mm !important;

    flex: 0 0 15mm !important;

    font-size: 11px !important;
}


/* Text */

.elegant-business-invoice .eb-qr-title {

    font-size: 9px !important;
}


.elegant-business-invoice .eb-qr-label {

    font-size: 7px !important;

    line-height: 1.2 !important;
}
/* =====================================================
   ELEGANT BUSINESS — FORCE QR HIGHER
   ===================================================== */

.elegant-business-invoice .eb-final-footer {

    margin-top: -25mm !important;

    width: 100% !important;

    page-break-before: auto !important;
    break-before: auto !important;

}


/* QR section */

.elegant-business-invoice .eb-final-footer .eb-qr-section {

    margin-top: 0 !important;

}


/* Heading */

.elegant-business-invoice .eb-final-footer .eb-qr-heading {

    font-size: 6.5px !important;

    padding-bottom: 0.5mm !important;

    margin: 0 !important;

}


/* QR card */

.elegant-business-invoice .eb-final-footer .eb-qr-card {

    margin-top: 0.8mm !important;

    padding: 1mm 2mm !important;

    gap: 2.5mm !important;

    min-height: 0 !important;

    height: auto !important;

}


/* QR image */

.elegant-business-invoice .eb-final-footer .eb-qr-image {

    width: 11mm !important;

    height: 11mm !important;

    flex: 0 0 11mm !important;

}


/* QR text */

.elegant-business-invoice .eb-final-footer .eb-qr-title {

    font-size: 8px !important;

}


.elegant-business-invoice .eb-final-footer .eb-qr-label {

    font-size: 6.5px !important;

    line-height: 1.1 !important;

}


/* Footer */

.elegant-business-invoice .eb-final-footer .eb-footer {

    margin-top: 1mm !important;

}
/* =====================================================
   ELEGANT BUSINESS — STABLE QR POSITION
   ===================================================== */

.elegant-business-invoice .eb-final-footer {

    position: static !important;

    top: auto !important;

    margin-top: -25mm !important;

    width: 100% !important;

    page-break-before: auto !important;

    break-before: auto !important;

}
.elegant-business-invoice .eb-final-footer {

    position: static !important;

    top: auto !important;

    margin-top: -25mm !important;

    width: 100% !important;

    page-break-before: auto !important;

    break-before: auto !important;

}
/* =====================================================
   ELEGANT BUSINESS — BOTTOM SECTION STAY TOGETHER
   ===================================================== */

/* Remove old forced upward movement */
.elegant-business-invoice .eb-final-footer {
    position: static !important;
    top: auto !important;
    margin-top: 4mm !important;
}


/* Bottom area must move as ONE block */
.elegant-business-invoice .eb-bottom-grid {

    display: grid !important;

    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(0, 0.92fr) !important;

    column-gap: 8mm !important;

    align-items: start !important;

    width: 100% !important;

    margin-top: 4mm !important;

    margin-bottom: 0 !important;

    /* VERY IMPORTANT */
    break-inside: avoid !important;
    page-break-inside: avoid !important;

}


/* Left side stays together */
.elegant-business-invoice .eb-left-bottom {

    break-inside: avoid !important;
    page-break-inside: avoid !important;

}


/* Notes */
.elegant-business-invoice .eb-notes-section {

    break-inside: avoid !important;
    page-break-inside: avoid !important;

}


/* Payment */
.elegant-business-invoice .eb-payment-section {

    break-inside: avoid !important;
    page-break-inside: avoid !important;

}


/* Totals */
.elegant-business-invoice .eb-totals-section {

    break-inside: avoid !important;
    page-break-inside: avoid !important;

}


/* QR + footer */
.elegant-business-invoice .eb-final-footer {

    grid-column: 1 / -1 !important;

    break-inside: avoid !important;
    page-break-inside: avoid !important;

}
/* =====================================================
   ELEGANT BUSINESS — PRODUCT COUNT PAGE FLOW
   ===================================================== */

/* -----------------------------------------
   1–3 PRODUCTS
   Keep bottom content on same page
   ----------------------------------------- */

.elegant-business-invoice.eb-products-1 .eb-bottom-grid,
.elegant-business-invoice.eb-products-2 .eb-bottom-grid,
.elegant-business-invoice.eb-products-3 .eb-bottom-grid {

    break-inside: auto !important;

    page-break-inside: auto !important;

    page-break-before: auto !important;

    break-before: auto !important;

}


/* -----------------------------------------
   4+ PRODUCTS
   Move complete bottom section together
   ----------------------------------------- */

.elegant-business-invoice.eb-products-4 .eb-bottom-grid,
.elegant-business-invoice.eb-products-5 .eb-bottom-grid,
.elegant-business-invoice.eb-products-6 .eb-bottom-grid,
.elegant-business-invoice.eb-products-7 .eb-bottom-grid,
.elegant-business-invoice.eb-products-8 .eb-bottom-grid,
.elegant-business-invoice.eb-products-9 .eb-bottom-grid,
.elegant-business-invoice.eb-products-10 .eb-bottom-grid {

    break-inside: avoid !important;

    page-break-inside: avoid !important;

    page-break-before: always !important;

    break-before: page !important;

}
/* =====================================================
   ELEGANT BUSINESS — 3 PRODUCT FIX
   ===================================================== */

.elegant-business-invoice.eb-products-3 .eb-bottom-grid {

    display: grid !important;

    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(0, 0.92fr) !important;

    column-gap: 8mm !important;

    row-gap: 2mm !important;

    margin-top: 3mm !important;

    break-inside: auto !important;

    page-break-inside: auto !important;

    break-before: auto !important;

    page-break-before: auto !important;

}


/* Left column */

.elegant-business-invoice.eb-products-3 .eb-left-bottom {

    break-inside: avoid !important;

    page-break-inside: avoid !important;

}


/* Summary */

.elegant-business-invoice.eb-products-3 .eb-totals {

    break-inside: avoid !important;

    page-break-inside: avoid !important;

}


/* QR/Footer follows immediately */

.elegant-business-invoice.eb-products-3 .eb-final-footer {

    grid-column: 1 / -1 !important;

    margin-top: 2mm !important;

    break-before: auto !important;

    page-break-before: auto !important;

}
/* =====================================================
   ELEGANT BUSINESS — 3 PRODUCTS SAME PAGE FIX
   ===================================================== */

.elegant-business-invoice.eb-products-3 .eb-bottom-grid {

    display: grid !important;

    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(0, 0.92fr) !important;

    column-gap: 8mm !important;

    row-gap: 2mm !important;

    margin-top: 3mm !important;

    margin-bottom: 0 !important;

    break-before: auto !important;

    page-break-before: auto !important;

    break-after: auto !important;

    page-break-after: auto !important;

    break-inside: auto !important;

    page-break-inside: auto !important;
}


/* 3-product left column */

.elegant-business-invoice.eb-products-3 .eb-left-bottom {

    break-before: auto !important;

    page-break-before: auto !important;

    break-inside: auto !important;

    page-break-inside: auto !important;
}


/* 3-product totals */

.elegant-business-invoice.eb-products-3 .eb-totals {

    break-before: auto !important;

    page-break-before: auto !important;

    break-inside: auto !important;

    page-break-inside: auto !important;
}


/* 3-product QR/footer */

.elegant-business-invoice.eb-products-3 .eb-final-footer {

    grid-column: 1 / -1 !important;

    position: static !important;

    top: auto !important;

    margin-top: 3mm !important;

    break-before: auto !important;

    page-break-before: auto !important;

    break-inside: auto !important;

    page-break-inside: auto !important;
}
/* =====================================================
   ELEGANT BUSINESS — FINAL 3 PRODUCT PAGE FIX
   ===================================================== */

@media print {

    /* 3 products only */
    .elegant-business-invoice.eb-products-3 .eb-bottom-grid {

        display: block !important;

        width: 100% !important;

        margin-top: 3mm !important;
        margin-bottom: 0 !important;

        break-before: auto !important;
        page-break-before: auto !important;

        break-after: auto !important;
        page-break-after: auto !important;

        break-inside: auto !important;
        page-break-inside: auto !important;
    }


    /* Notes + Payment + Summary */
    .elegant-business-invoice.eb-products-3 .eb-left-bottom,
    .elegant-business-invoice.eb-products-3 .eb-totals-section {

        break-before: auto !important;
        page-break-before: auto !important;

        break-after: auto !important;
        page-break-after: auto !important;

        break-inside: auto !important;
        page-break-inside: auto !important;
    }


    /* Left + right side manually behave as columns */
    .elegant-business-invoice.eb-products-3 .eb-left-bottom {

        width: 52% !important;

        float: left !important;

        margin: 0 !important;

        padding-right: 4mm !important;

        box-sizing: border-box !important;
    }


    .elegant-business-invoice.eb-products-3 .eb-totals-section {

        width: 48% !important;

        float: right !important;

        margin: 0 !important;

        padding-left: 4mm !important;

        box-sizing: border-box !important;
    }


    /* QR + footer */
    .elegant-business-invoice.eb-products-3 .eb-final-footer {

        clear: both !important;

        width: 100% !important;

        margin-top: 3mm !important;

        padding-top: 0 !important;

        position: static !important;

        break-before: auto !important;
        page-break-before: auto !important;

        break-inside: avoid !important;
        page-break-inside: avoid !important;
    }


    /* Compact spacing specifically for 3 products */
    .elegant-business-invoice.eb-products-3 .eb-notes-header,
    .elegant-business-invoice.eb-products-3 .eb-payment-header {

        margin-bottom: 1mm !important;
    }


    .elegant-business-invoice.eb-products-3 .eb-payment-card {

        padding: 1mm 2mm !important;
    }


    .elegant-business-invoice.eb-products-3 .eb-payment-item {

        padding: 0.4mm 0 !important;
    }


    .elegant-business-invoice.eb-products-3 .eb-totals-box {

        padding: 2mm 2.5mm !important;
    }


    .elegant-business-invoice.eb-products-3 .eb-total-row {

        min-height: 4mm !important;

        padding: 0.6mm 0 !important;
    }


    .elegant-business-invoice.eb-products-3 .eb-qr-card {

        margin-top: 0.5mm !important;

        padding: 1mm 2mm !important;
    }


    .elegant-business-invoice.eb-products-3 .eb-qr-image {

        width: 10mm !important;

        height: 10mm !important;

        flex-basis: 10mm !important;
    }


    /* Prevent accidental old footer movement */
    .elegant-business-invoice.eb-products-3 .eb-final-footer {

        margin-top: 2mm !important;

        top: auto !important;

        bottom: auto !important;

        transform: none !important;
    }
}