/* ==========================================================
   Evercore Invoices
   invoice.css
   Professional invoice styling (2026 fintech standard)
   ========================================================== */

/* =========================
   GLOBAL INVOICE TEXT
   ========================= */

.invoice-paper{

    color:#111827;

    font-size:.95rem;

    line-height:1.6;

}

/* =========================
   INVOICE HEADER POLISH
   ========================= */

.invoice-header h1,
.invoice-header p{

    margin:0;

}

.invoice-header h1{

    font-size:1.6rem;

    font-weight:800;

    color:var(--text);

}

.invoice-header p{

    color:var(--muted);

    font-size:.9rem;

}

/* INVOICE TITLE */

.invoice-title h2{

    color:var(--text);

}

.invoice-title p{

    letter-spacing:.08em;

}

/* =========================
   BILL TO SECTION POLISH
   ========================= */

.bill-to h3{

    font-size:.85rem;

    text-transform:uppercase;

    letter-spacing:.08em;

    color:var(--muted);

    margin-bottom:10px;

}

.bill-to p{

    margin:4px 0;

    color:var(--text);

}

/* =========================
   INVOICE TABLE (CORE POLISH)
   ========================= */

.invoice-table{

    border-collapse:separate;

    border-spacing:0;

}

.invoice-table thead th{

    font-size:.78rem;

    text-transform:uppercase;

    letter-spacing:.08em;

    color:var(--muted);

    background:#f9fafb;

}

.invoice-table tbody td{

    color:var(--text);

}

/* REMOVE HARD GRID FEEL */

.invoice-table td,
.invoice-table th{

    border-bottom:1px solid #eef2f7;

}

/* ROW HOVER POLISH */

.invoice-table tbody tr:hover{

    background:#f8fafc;

}

/* ALIGNMENT TUNING */

.invoice-table th:nth-child(1),
.invoice-table td:nth-child(1){

    text-align:left;

}

.invoice-table th:nth-child(2),
.invoice-table td:nth-child(2),
.invoice-table th:nth-child(3),
.invoice-table td:nth-child(3),
.invoice-table th:nth-child(4),
.invoice-table td:nth-child(4){

    text-align:right;

}

/* =========================
   ITEM DESCRIPTION EMPHASIS
   ========================= */

.invoice-table td:first-child{

    font-weight:500;

    color:#0f172a;

}

/* =========================
   TOTALS POLISH
   ========================= */

.totals{

    font-size:.95rem;

    color:var(--text);

}

.totals div{

    padding:12px 0;

}

.totals span{

    color:var(--muted);

}

.totals strong{

    font-weight:600;

}

.grand-total{

    border-top:2px solid #111827;

}

.grand-total strong{

    color:var(--primary);

}

/* =========================
   NOTES SECTION POLISH
   ========================= */

.notes h3{

    font-size:.85rem;

    text-transform:uppercase;

    letter-spacing:.08em;

    color:var(--muted);

}

.notes p{

    font-size:.95rem;

    color:var(--text);

}

/* =========================
   PAYMENT SECTION POLISH
   ========================= */

.payment-section{

    background:#f9fafb;

}

.payment-section h3{

    font-size:.9rem;

    text-transform:uppercase;

    letter-spacing:.08em;

    color:var(--muted);

}

/* =========================
   FOOTER POLISH
   ========================= */

footer{

    font-size:.85rem;

    color:var(--muted);

    letter-spacing:.02em;

}

footer strong{

    font-weight:700;

}

/* =========================
   MICRO INTERACTIONS
   ========================= */

.invoice-paper{

    transition:transform .25s ease, box-shadow .25s ease;

}

.invoice-paper:hover{

    box-shadow:

        0 20px 45px rgba(15,23,42,.12),

        0 4px 10px rgba(15,23,42,.06);

}

/* =========================
   PRINT OPTIMIZATION TWEAKS
   ========================= */

@media print{

    .invoice-table thead th{

        background:white !important;

    }

    .invoice-paper{

        box-shadow:none !important;

    }

}