/* =====================================================
   Executive Platinum
   Version : 1.0.0
   Invoice Create Free
===================================================== */

/* =====================================================
   Root Variables
===================================================== */

:root{

    --ep-primary:#0F172A;

    --ep-secondary:#475569;

    --ep-accent:#2563EB;

    --ep-border:#E2E8F0;

    --ep-background:#FFFFFF;

    --ep-surface:#F8FAFC;

    --ep-text:#111827;

    --ep-muted:#64748B;

    --ep-success:#16A34A;

    --ep-radius:14px;

    --ep-shadow:
        0 10px 35px rgba(15,23,42,.08);

}


/* =====================================================
   Global Reset
===================================================== */

.executive-platinum-invoice,
.executive-platinum-invoice *{

    box-sizing:border-box;

}


/* =====================================================
   Invoice Container
===================================================== */

.executive-platinum-invoice{

    width:210mm;

    min-height:297mm;

    margin:auto;

    background:var(--ep-background);

    color:var(--ep-text);

    padding:15mm;

    font-family:

        Inter,

        "Segoe UI",

        Arial,

        sans-serif;

    box-shadow:var(--ep-shadow);

}


/* =====================================================
   Sections
===================================================== */

.executive-platinum-header-section{

    margin-bottom:5mm;

}

.executive-platinum-parties-section{

    margin-bottom:5mm;

}
.executive-platinum-products-section{

    margin-bottom:5mm;

}

.executive-platinum-financial-section{

    margin-bottom:3mm;

}

.executive-platinum-notes-section{

    margin-bottom:5mm;

    break-inside:avoid;

    page-break-inside:avoid;

}

.executive-platinum-footer-section{

    margin-bottom:12mm;

}


/* =====================================================
   Financial Layout
===================================================== */

.executive-platinum-financial-section{

    display:flex;

    gap:20px;

    align-items:flex-start;

}


.executive-platinum-custom-section{

    flex:1;

    min-width:0;

}


.executive-platinum-totals-section{

    width:340px;

    flex-shrink:0;

}


.executive-platinum-custom-section{

    flex:1;

}


.executive-platinum-totals-section{

    width:340px;

    flex-shrink:0;

}

/* =====================================================
   Executive Platinum - Totals
===================================================== */

.executive-platinum-totals {

    width: 100%;

    border: 1px solid var(--ep-border);

    border-radius: 8px;

    overflow: hidden;

    background: var(--ep-background);

}


/* =====================================================
   Total Rows
===================================================== */

.executive-platinum-total-row {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 10mm;

    padding: 3mm 4mm;

    border-bottom: 1px solid var(--ep-border);

    font-size: 9.5px;

    line-height: 1.35;

}


.executive-platinum-total-row span {

    color: var(--ep-secondary);

    font-weight: 500;

}


.executive-platinum-total-row strong {

    color: var(--ep-primary);

    font-weight: 700;

    text-align: right;

    white-space: nowrap;

}


/* =====================================================
   Grand Total
===================================================== */

.executive-platinum-grand-total {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 10mm;

    padding: 4mm;

    background: var(--ep-primary);

    color: #ffffff;

}


.executive-platinum-grand-total span {

    font-size: 10px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: .8px;

}


.executive-platinum-grand-total strong {

    font-size: 14px;

    font-weight: 800;

    text-align: right;

    white-space: nowrap;

    color: #ffffff;

}


/* =====================================================
   Balance Due
===================================================== */

.executive-platinum-balance {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 10mm;

    padding: 3.5mm 4mm;

    background: var(--ep-surface);

}


.executive-platinum-balance span {

    color: var(--ep-secondary);

    font-size: 9.5px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: .6px;

}


.executive-platinum-balance strong {

    color: var(--ep-primary);

    font-size: 11px;

    font-weight: 800;

    text-align: right;

    white-space: nowrap;

}

/* =====================================================
   Parties Layout
===================================================== */

.executive-platinum-parties {

    width: 100%;

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 12mm;

}


.executive-platinum-party-card {

    min-width: 0;

    padding: 0 0 5mm 0;

    border-bottom: 1px solid var(--ep-border);

}


.executive-platinum-party-title {

    margin-bottom: 4mm;

    font-size: 11px;

    font-weight: 800;

    letter-spacing: 1.5px;

    color: var(--ep-secondary);

}


.executive-platinum-party-name {

    margin-bottom: 2mm;

    font-size: 12px;

    line-height: 1.4;

    font-weight: 700;

    color: var(--ep-primary);

}


.executive-platinum-party-address {

    font-size: 10px;

    line-height: 1.55;

    color: var(--ep-secondary);

}


.executive-platinum-party-row {

    display: flex;

    align-items: flex-start;

    gap: 4mm;

    margin-top: 2mm;

    font-size: 9.5px;

    line-height: 1.4;

}


.executive-platinum-party-row strong {

    min-width: 11mm;

    color: var(--ep-primary);

    font-weight: 700;

}


.executive-platinum-party-row span {

    color: var(--ep-muted);

    overflow-wrap: anywhere;

}

/* =====================================================
   Executive Platinum - Products & Services
===================================================== */

.executive-platinum-products {

    width: 100%;

}


.executive-platinum-products-header {

    margin-bottom: 5mm;

}


.executive-platinum-products-header h2 {

    margin: 0;

    font-size: 14px;

    line-height: 1.3;

    font-weight: 800;

    text-transform: uppercase;

    letter-spacing: 1.5px;

    color: var(--ep-secondary);

}


/* =====================================================
   Products Table
===================================================== */

.executive-platinum-products-table {

    width: 100%;

    border-collapse: separate;

    border-spacing: 0;

    table-layout: fixed;

    font-size: 10px;

    color: var(--ep-text);

    border: 1px solid var(--ep-border);

    border-radius: 8px;

    overflow: hidden;

}


/* =====================================================
   Table Header
===================================================== */

.executive-platinum-products-table thead th {

    padding: 3.5mm 3mm;

    background: var(--ep-primary);

    color: #ffffff;

    font-size: 9px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: .8px;

    text-align: left;

    vertical-align: middle;

    border: none;

}


/* =====================================================
   Column Alignment
===================================================== */

.executive-platinum-products-table th:first-child,
.executive-platinum-products-table td:first-child {

    width: 9%;

    text-align: center;

}


.executive-platinum-products-table th:nth-child(2),
.executive-platinum-products-table td:nth-child(2) {

    width: 39%;

    text-align: left;

}


.executive-platinum-products-table th:nth-child(3),
.executive-platinum-products-table td:nth-child(3) {

    width: 11%;

    text-align: center;

}


.executive-platinum-products-table th:nth-child(4),
.executive-platinum-products-table td:nth-child(4) {

    width: 15%;

    text-align: right;

}


.executive-platinum-products-table th:nth-child(5),
.executive-platinum-products-table td:nth-child(5) {

    width: 10%;

    text-align: center;

}


.executive-platinum-products-table th:nth-child(6),
.executive-platinum-products-table td:nth-child(6) {

    width: 16%;

    text-align: right;

}


/* =====================================================
   Table Body
===================================================== */

.executive-platinum-products-table tbody td {

    padding: 3.5mm 3mm;

    border-top: 1px solid var(--ep-border);

    vertical-align: middle;

    line-height: 1.4;

}


.executive-platinum-products-table tbody tr:first-child td {

    border-top: none;

}


/* =====================================================
   Product Number
===================================================== */

.executive-platinum-products-table tbody td:first-child {

    color: var(--ep-muted);

    font-weight: 600;

}


/* =====================================================
   Product Description
===================================================== */

.executive-platinum-products-table tbody td:nth-child(2) {

    color: var(--ep-primary);

    font-weight: 600;

    overflow-wrap: anywhere;

}


/* =====================================================
   Numeric Columns
===================================================== */

.executive-platinum-products-table tbody td:nth-child(3),
.executive-platinum-products-table tbody td:nth-child(4),
.executive-platinum-products-table tbody td:nth-child(5),
.executive-platinum-products-table tbody td:nth-child(6) {

    white-space: nowrap;

}


.executive-platinum-products-table tbody td:nth-child(6) {

    color: var(--ep-primary);

    font-weight: 700;

}
/* =====================================================
   Executive Platinum - Additional Information
===================================================== */

.executive-platinum-custom{

    width:100%;

}


/* =====================================================
   Custom Fields Section Title
===================================================== */

.executive-platinum-custom .executive-platinum-section-title{

    margin:0 0 4mm 0;

    padding-bottom:2.5mm;

    border-bottom:1px solid var(--ep-border);

    font-size:11px;

    line-height:1.3;

    font-weight:800;

    text-transform:uppercase;

    letter-spacing:1.4px;

    color:var(--ep-secondary);

}


/* =====================================================
   Custom Fields Card
===================================================== */

.executive-platinum-custom-card{

    width:100%;

    border:1px solid var(--ep-border);

    border-radius:8px;

    background:var(--ep-background);

    overflow:hidden;

}


/* =====================================================
   Custom Field Row
===================================================== */

.executive-platinum-custom-row{

    display:grid;

    grid-template-columns:38% minmax(0, 1fr);

    align-items:center;

    gap:8mm;

    padding:3mm 4mm;

    border-bottom:1px solid var(--ep-border);

    font-size:9.5px;

    line-height:1.4;

}


/* Remove separator from last field */

.executive-platinum-custom-row:last-child{

    border-bottom:none;

}


/* =====================================================
   Custom Field Label
===================================================== */

.executive-platinum-custom-label{

    min-width:0;

    color:var(--ep-secondary);

    font-size:8.5px;

    font-weight:800;

    line-height:1.35;

    text-transform:uppercase;

    letter-spacing:.6px;

    overflow-wrap:anywhere;

}


/* =====================================================
   Custom Field Value
===================================================== */

.executive-platinum-custom-value{

    min-width:0;

    color:var(--ep-primary);

    font-size:9.5px;

    font-weight:600;

    line-height:1.4;

    text-align:right;

    overflow-wrap:anywhere;

}


/* =====================================================
   PDF Stability
===================================================== */

.executive-platinum-custom,
.executive-platinum-custom-card,
.executive-platinum-custom-row{

    break-inside:avoid;

    page-break-inside:avoid;

}
/* =====================================================
   Executive Platinum - Notes & Payment Instructions
===================================================== */

.executive-platinum-notes{

    width:100%;

}


/* =====================================================
   Notes / Payment Instructions Block
===================================================== */

.executive-platinum-notes-block{

    width:100%;

    margin-bottom:2mm;

}

.executive-platinum-notes-block:last-child{

    margin-bottom:0;

}


/* =====================================================
   Section Heading
===================================================== */

.executive-platinum-notes-heading{

     margin:0 0 3mm 0;

    padding-bottom:2.5mm;

    border-bottom:1px solid var(--ep-border);

    color:var(--ep-secondary);

    font-size:11px;

    line-height:1.3;

    font-weight:800;

    text-transform:uppercase;

    letter-spacing:1.4px;

}


/* =====================================================
   Notes / Payment Instructions Card
===================================================== */

.executive-platinum-notes-card{

    width:100%;

    border:1px solid var(--ep-border);

    border-radius:8px;

    background:var(--ep-surface);

    overflow:hidden;

}


/* =====================================================
   Notes / Payment Instructions Content
===================================================== */

.executive-platinum-notes-content{

    padding:2.5mm 5mm;

    color:var(--ep-secondary);

    font-size:9.5px;

    line-height:1.5;

    font-weight:400;

    overflow-wrap:anywhere;

}


/* =====================================================
   PDF Stability
===================================================== */

.executive-platinum-notes,
.executive-platinum-notes-block,
.executive-platinum-notes-card,
.executive-platinum-notes-content{

    break-inside:avoid;

    page-break-inside:avoid;

}

/* =====================================================
   Executive Platinum Header
===================================================== */

.executive-platinum-header { 
    width: 100%; 
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    gap: 12mm; 
    align-items: stretch; 
    padding-bottom: 8mm; 
    border-bottom: 2px solid var(--ep-primary); 
}

.executive-platinum-company {

    min-width: 0;
    width: 100%;

    display: grid;
    grid-template-columns: 26mm minmax(0, 1fr);
    column-gap: 5mm;

    align-items: center;
    align-self: stretch;

}

.executive-platinum-logo {

    width: 22mm;

    height: 22mm;

    margin: 0;

    display: flex;

    align-items: center;

    justify-content: flex-start;

    overflow: hidden;

}


.executive-platinum-logo img {

    max-width: 22mm;

    max-height: 22mm;

    width: auto;

    height: auto;

    object-fit: contain;

    display: block;

}


.executive-platinum-company-name {

    margin: 0 0 2mm 0;

    font-size: 20px;

    line-height: 1.2;

    font-weight: 800;

    color: var(--ep-primary);

}




/* =====================================================
   Invoice Information Box
===================================================== */

.executive-platinum-invoice-box { 
    width: 100%; 
    height: auto; 
    align-self: stretch; 
    background: var(--ep-primary); 
    color: #ffffff; 
    padding: 4mm; 
    border-radius: 5px; 
    box-sizing: border-box; 
}

.executive-platinum-title {

    margin-bottom: 5mm;

    font-size: 22px;

    line-height: 1;

    font-weight: 800;

    letter-spacing: 2px;

    color: #ffffff;

}


.executive-platinum-meta {

    width: 100%;

}


.executive-platinum-meta-row {

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    gap: 4mm;

    padding: 2mm 0;

    border-bottom: 1px solid rgba(255,255,255,.18);

    font-size: 9.5px;

    line-height: 1.35;

}


.executive-platinum-meta-row:last-child {

    border-bottom: none;

}


.executive-platinum-meta-row span {

    color: rgba(255,255,255,.72);

    white-space: nowrap;

}


.executive-platinum-meta-row strong {

    color: #ffffff;

    font-weight: 700;

    text-align: right;

    overflow-wrap: anywhere;

}


/* =====================================================
   PDF Stability
===================================================== */

.executive-platinum-header,
.executive-platinum-company,
.executive-platinum-invoice-box {

    break-inside: avoid;

    page-break-inside: avoid;

}

/* =====================================================
   Executive Platinum - Company Information Wrapper
===================================================== */

.executive-platinum-company-info {

    min-width: 0;

    display: flex;

    flex-direction: column;

    justify-content: center;

}
/* =====================================================
   Executive Platinum - Smaller Company Logo
===================================================== */


.executive-platinum-logo img {

    display: block;

    width: auto;

    height: auto;

    max-width: 20mm;

    max-height: 20mm;

    object-fit: contain;

}

/* =====================================================
   Company Information
===================================================== */


.executive-platinum-company-address {

    margin: 0;

    font-size: 10px;

    line-height: 1.5;

    color: var(--ep-secondary);

    max-width: 90mm;

}


.executive-platinum-company-contact {

    margin-top: 2mm;

    font-size: 9.5px;

    line-height: 1.4;

    color: var(--ep-muted);

    max-width: 90mm;

}

/* =====================================================
   Executive Platinum - Professional Footer
===================================================== */

.executive-platinum-footer{

    width:100%;

    margin-top:6mm;

    padding-top:4mm;

    border-top:1px solid var(--ep-border);

    display:flex;

    align-items:center;

    justify-content:center;

}


/* =====================================================
   Footer Message
===================================================== */

.executive-platinum-footer-message{

    color:var(--ep-secondary);

    font-size:9.5px;

    line-height:1.4;

    font-weight:600;

    text-align:center;

    letter-spacing:.2px;

}


/* =====================================================
   PDF Stability
===================================================== */

.executive-platinum-footer,
.executive-platinum-footer-message{

    break-inside:avoid;

    page-break-inside:avoid;

}