/*
 * Live-preview styles adapted from "simple-html-invoice-template" by Sparksuite
 * https://github.com/sparksuite/simple-html-invoice-template
 * MIT License, Copyright (c) 2021 Sparksuite. Full text: vendor/LICENSE-simple-html-invoice-template.txt
 * Changes: 4-column item table (description / qty / unit price / amount), accent color variable, notes block.
 */
.invoice-box{max-width:800px;margin:auto;padding:30px;border:1px solid #eee;box-shadow:0 0 10px rgba(0,0,0,.15);font-size:15px;line-height:22px;font-family:'Helvetica Neue','Helvetica',Helvetica,Arial,sans-serif;color:#555;background:#fff}
.invoice-box table{width:100%;line-height:inherit;text-align:left;border-collapse:collapse}
.invoice-box table td{padding:5px;vertical-align:top}
.invoice-box table tr td:last-child{text-align:right}
.invoice-box table tr.top table td{padding-bottom:20px}
.invoice-box table tr.top table td.title{font-size:34px;line-height:38px;color:#333;font-weight:700}
.invoice-box table tr.top table td.title img{max-width:220px;max-height:90px;display:block;margin-bottom:6px}
.invoice-box table tr.information table td{padding-bottom:30px}
.invoice-box table tr.heading td{background:#eee;border-bottom:1px solid #ddd;font-weight:bold}
.invoice-box table tr.item td{border-bottom:1px solid #eee}
.invoice-box table tr.item.last td{border-bottom:none}
.invoice-box table tr.total td:last-child{border-top:2px solid #eee;font-weight:bold}
.invoice-box table tr.sub td{color:#777}
.invoice-box td.num{text-align:right;white-space:nowrap}
.invoice-box .doc-type{color:var(--accent,#333);letter-spacing:.04em}
.invoice-box .notes{margin-top:24px;white-space:pre-wrap;font-size:13px;color:#666;border-top:1px solid #eee;padding-top:12px}
@media only screen and (max-width:600px){
 .invoice-box{padding:16px;font-size:13px}
 .invoice-box table tr.top table td,.invoice-box table tr.information table td{width:100%;display:block;text-align:center}
}