@page { size: A4; margin: 12mm; }

.invoice-wrap { font-family: Arial, sans-serif; font-size: 12px; color:#222; }
.invoice-topbar, .invoice-bottombar { height: 10px; background:#1f4e79; margin: 8px 0 12px; }

.invoice-header { display:flex; justify-content: space-between; align-items:flex-start; gap:16px; }
.invoice-company { display:flex; gap:12px; align-items:flex-start; }
.invoice-logo { width: 70px; height: 45px; object-fit: contain; }
.invoice-company h2 { margin:0; font-size: 18px; }
.invoice-company small { display:block; color:#444; line-height: 1.35; }

.invoice-meta { min-width: 220px; text-align:right; }
.invoice-meta-box { border:1px solid #ccc; padding:8px 10px; }
.invoice-meta-line { display:flex; justify-content: space-between; gap:12px; margin: 4px 0; }
.invoice-meta-line strong { min-width: 70px; }

.invoice-title { font-weight:bold; margin: 14px 0 6px; }
.invoice-panel { border:1px solid #ccc; padding:10px; }

.invoice-flex { display:flex; gap:12px; }
.invoice-half { flex:1; }

.invoice-ship td { border:none; padding:3px 0; }
.invoice-ship td:first-child { width:55%; color:#333; }

.invoice-table { width:100%; border-collapse: collapse; }
.invoice-table th, .invoice-table td { border:1px solid #ccc; padding:8px; vertical-align: top; }
.invoice-table thead th { background:#1f4e79; color:#fff; font-weight:bold; }
.invoice-table td.num { text-align:right; white-space:nowrap; }

.invoice-bottom { display:flex; gap:16px; margin-top: 12px; align-items:flex-start; }
.invoice-notes { flex:1; }
.invoice-notes-box { border:1px solid #ccc; padding:10px; height: 140px; }

.invoice-totals { width: 320px; border:1px solid #ccc; padding:10px; }
.invoice-totals .line { display:flex; justify-content: space-between; margin:5px 0; gap:10px; }
.invoice-totals .grand { font-size: 16px; font-weight:bold; border-top:1px solid #ccc; padding-top:8px; margin-top:8px; }

.invoice-bank { display:flex; gap:16px; margin-top: 12px; }
.invoice-bank .box { flex:1; border:1px solid #ccc; padding:10px; }
.invoice-sign { width: 220px; }
.invoice-sign-box { height: 70px; border:1px solid #ccc; margin-top:6px; }

.invoice-actions { margin: 10px 0; }
@media print {
  .invoice-actions, .no-print { display:none !important; }
  body { background:#fff !important; }
}