/* =========================================================
   ALFAA ERP - PAYMENT / CASH-BANK / RETURN PDF SLIPS
   File: assets/css/finance-slip-print.css
   Professional Emerald A4 printable transaction documents.
   ========================================================= */
.erp-transaction-slip { display: none !important; }

@media print {
  .erp-transaction-slip,
  .erp-transaction-slip * {
    visibility: visible !important;
  }

  .erp-transaction-slip {
    --green: #10b981;
    --dark-green: #047857;
    --mid-green: #059669;
    --soft-green: #ecfdf5;
    --ink: #0f172a;
    --muted: #64748b;
    --border: #e2e8f0;
    display: flex !important;
    flex-direction: column;
    position: absolute;
    inset: 0 auto auto 0;
    box-sizing: border-box;
    width: 210mm;
    min-height: 297mm;
    margin: 0;
    padding: 13mm 12mm 10mm;
    background: #fff;
    color: var(--ink);
    font-family: Inter, Arial, sans-serif;
  }

  .erp-transaction-slip .slip-head {
    display: flex; justify-content: space-between; align-items: flex-start;
    padding-bottom: 8mm; border-bottom: .25mm solid var(--border);
  }

  .erp-transaction-slip .slip-brand { display: flex; align-items: flex-start; gap: 4mm; }
  .erp-transaction-slip .slip-brand img { width: 19mm; height: 19mm; object-fit: contain; }
  .erp-transaction-slip .slip-brand strong { display: block; margin-top: 1mm; font-size: 14pt; font-weight: 800; }
  .erp-transaction-slip .slip-brand span { display: block; margin-top: 1.2mm; color: var(--muted); font-size: 8pt; }
  .erp-transaction-slip .slip-title { text-align: right; }
  .erp-transaction-slip .slip-title h1 { margin: 0; color: var(--mid-green); font-size: 23pt; font-weight: 800; text-transform: uppercase; }
  .erp-transaction-slip .slip-title p { margin: 2mm 0 0; color: var(--muted); font-size: 11pt; }

  .erp-transaction-slip .slip-meta {
    display: grid; grid-template-columns: minmax(0,1fr) 78mm; gap: 12mm;
    padding: 9mm 0 8mm; border-bottom: .25mm solid var(--border);
  }
  .erp-transaction-slip .slip-meta label { display: block; margin-bottom: 3mm; color: var(--mid-green); font-size: 8pt; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
  .erp-transaction-slip .slip-meta label:after { content:""; display:block; width:9mm; height:.5mm; margin-top:2mm; background:var(--green); }
  .erp-transaction-slip .slip-meta > div > strong { display:block; font-size: 12pt; font-weight:750; }
  .erp-transaction-slip .slip-meta dl { margin:0; display:grid; gap:2.5mm; }
  .erp-transaction-slip .slip-meta dl div { display:flex; justify-content:space-between; gap:6mm; font-size:8.8pt; }
  .erp-transaction-slip .slip-meta dt { color:var(--muted); }
  .erp-transaction-slip .slip-meta dd { margin:0; font-weight:650; }
  .erp-transaction-slip .slip-status { padding:1mm 3mm; border-radius:99px; color:var(--dark-green); background:#dcfce7; }

  .erp-transaction-slip .slip-amount {
    display:flex; justify-content:space-between; align-items:center; margin:8mm 0;
    padding:5mm 6mm; border:.3mm solid #a7f3d0; border-radius:3mm;
    background:linear-gradient(120deg,#fff,var(--soft-green));
  }
  .erp-transaction-slip .slip-amount span { color:var(--mid-green); font-size:8pt; font-weight:750; letter-spacing:.06em; }
  .erp-transaction-slip .slip-amount strong { color:var(--dark-green); font-size:20pt; font-weight:800; }

  .erp-transaction-slip .slip-lines {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
  }

  .erp-transaction-slip .slip-lines .finance-doc-table {
    /*
     * A4 horizontal frame lock:
     * makes the allocation/return-items table use the same exact left and
     * right printable edges as the divider line above it.
     */
    box-sizing: border-box;
    display: table;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    border-color: var(--border);
    border-radius: 2.5mm;
    border-spacing: 0;
    table-layout: fixed;
    overflow: hidden;
  }

  .erp-transaction-slip .slip-lines .finance-doc-table thead,
  .erp-transaction-slip .slip-lines .finance-doc-table tbody,
  .erp-transaction-slip .slip-lines .finance-doc-table tr {
    width: 100% !important;
  }
  .erp-transaction-slip .slip-lines .finance-doc-table th {
    padding:3.3mm 3.6mm; color:#fff; background:linear-gradient(100deg,var(--dark-green),var(--green)); font-size:7.7pt;
  }
  .erp-transaction-slip .slip-lines .finance-doc-table td {
    padding:3.5mm 3.6mm; border-top:.25mm solid var(--border); font-size:8.3pt;
  }

  .erp-transaction-slip .slip-note {
    margin-top:8mm; padding:5mm; border:.25mm solid #a7f3d0; border-radius:3mm; background:#f4fdf9;
  }
  .erp-transaction-slip .slip-note h2 { margin:0 0 3mm; color:var(--dark-green); font-size:10pt; }
  .erp-transaction-slip .slip-note p { margin:0; color:#334155; font-size:8.5pt; line-height:1.6; white-space:pre-wrap; }

  .erp-transaction-slip .slip-footer {
    display:grid; grid-template-columns:1fr 1fr; gap:0; margin-top:auto; padding-top:7mm; border-top:.25mm solid var(--border);
  }
  .erp-transaction-slip .slip-footer > div { padding:0 8mm 0 0; }
  .erp-transaction-slip .slip-footer > div + div { border-left:.25mm solid var(--border); padding:0 0 0 9mm; }
  .erp-transaction-slip .slip-footer h3 { margin:0 0 2.5mm; color:var(--ink); font-size:9pt; }
  .erp-transaction-slip .slip-footer p { margin:0; color:var(--muted); font-size:7.7pt; line-height:1.55; }
  .erp-transaction-slip .slip-footer small { grid-column:1 / -1; margin-top:7mm; color:var(--muted); font-size:7pt; text-align:center; }


  /* Receipt / Payment voucher line table:
     DOCUMENT | DOCUMENT NO. | ALLOCATED AMOUNT */
  .erp-transaction-slip .slip-lines .finance-doc-table th:last-child,
  .erp-transaction-slip .slip-lines .finance-doc-table td:last-child {
    text-align: right;
  }

  /* Return document line table:
     ITEM | SKU | QTY | UNIT PRICE | TOTAL */
  .erp-transaction-slip .slip-lines .finance-doc-table th:first-child,
  .erp-transaction-slip .slip-lines .finance-doc-table td:first-child {
    text-align: left;
  }

}