/* site/assets/it-gen-trade-lk3-v1.css 3 locksmith invoice-generator designs, built from the 3 real references in docs/full-designs/incoming/locksmith/InvoiceTools_Locksmith_Claude_Handoff_REBUILT/ REFERENCE_IMAGES/. lk3-01 matches LK-01_precision-locksmith-invoice-landing-page.png's own plain black/orange InvoiceTools invoice previews. lk3-02 matches LK-02_brass-and-indigo- locksmith-invoice-landing-page.png's own "Lantry Lock and Key" indigo/brass branded invoice. lk3-03 matches LK-03_locksmith-job-ticket-invoice-page.png's own kraft-paper numbered "job ticket" invoice with a clipboard clip along the left edge and a handwritten note. No separate art asset needed (the padlock/clip motifs are simple enough to draw as CSS shapes, matching this project's own "CSS-drawn where nothing crops cleanly as a real asset" convention). Direct ?template= addressing only (registered in TEMPLATES, never UNIVERSAL_TPL_IDS). */ .invoice-preview.tmpl-lk3-01-minimalorange{background:#fff;color:#111417;font-family:Arial,Helvetica,sans-serif} .invoice-preview.tmpl-lk3-01-minimalorange .inv-head{display:block!important;padding:34px 40px 20px;border:0} .invoice-preview.tmpl-lk3-01-minimalorange .inv-biz-name{font-size:20px;font-weight:800} .invoice-preview.tmpl-lk3-01-minimalorange .inv-biz-contact div,.invoice-preview.tmpl-lk3-01-minimalorange .inv-biz-address{font-size:11px;color:#666;margin-top:3px} .invoice-preview.tmpl-lk3-01-minimalorange .inv-head-right{text-align:right} .invoice-preview.tmpl-lk3-01-minimalorange .inv-doc-title{font-size:32px;font-weight:900} .invoice-preview.tmpl-lk3-01-minimalorange .inv-doc-title::after{content:"";display:block;width:56px;height:3px;background:#EF6A1F;margin:6px 0 0 auto} .invoice-preview.tmpl-lk3-01-minimalorange .inv-doc-num{font-size:12px;color:#666;margin-top:8px} .invoice-preview.tmpl-lk3-01-minimalorange .inv-parties{border-bottom:1px solid #EEE} .invoice-preview.tmpl-lk3-01-minimalorange .inv-table thead tr{background:#F7F7F5;font-size:11px;text-transform:uppercase;letter-spacing:.05em} .invoice-preview.tmpl-lk3-01-minimalorange .inv-table tbody tr{border-bottom:1px solid #F0EFEC} .invoice-preview.tmpl-lk3-01-minimalorange .inv-total-grand b{color:#EF6A1F;font-size:22px!important} .invoice-preview.tmpl-lk3-02-brassindigo{background:#fff;color:#1B2A4A;font-family:Arial,Helvetica,sans-serif} .invoice-preview.tmpl-lk3-02-brassindigo .inv-head{display:block!important;padding:0;border:0} .invoice-preview.tmpl-lk3-02-brassindigo .inv-head-left{padding:26px 40px 16px;position:relative} .invoice-preview.tmpl-lk3-02-brassindigo .inv-head-left::before{content:"";position:absolute;left:40px;top:26px;width:22px;height:26px;border:3px solid #C9A227;border-bottom:0;border-radius:11px 11px 0 0} .invoice-preview.tmpl-lk3-02-brassindigo .inv-head-left::after{content:"";position:absolute;left:34px;top:46px;width:34px;height:24px;background:#1B2A4A;border-radius:3px} .invoice-preview.tmpl-lk3-02-brassindigo .inv-biz-name{font-size:18px;font-weight:800;padding-left:44px} .invoice-preview.tmpl-lk3-02-brassindigo .inv-biz-tag{font-size:10.5px;font-style:italic;color:#6B7690;padding-left:44px} .invoice-preview.tmpl-lk3-02-brassindigo .inv-biz-contact div,.invoice-preview.tmpl-lk3-02-brassindigo .inv-biz-address{font-size:10.5px;color:#6B7690;padding-left:44px;margin-top:2px} .invoice-preview.tmpl-lk3-02-brassindigo .inv-head-right{background:#1B2A4A;color:#fff;padding:26px 40px;text-align:right} .invoice-preview.tmpl-lk3-02-brassindigo .inv-doc-title{font-size:26px;font-weight:800;letter-spacing:.05em} .invoice-preview.tmpl-lk3-02-brassindigo .inv-doc-num{font-size:12px;color:#C9A227} .invoice-preview.tmpl-lk3-02-brassindigo .inv-parties{border-bottom:1px solid #E7E9EF} .invoice-preview.tmpl-lk3-02-brassindigo .inv-table thead tr{background:#F3F1E8;color:#1B2A4A;text-transform:uppercase;font-size:11px;letter-spacing:.05em} .invoice-preview.tmpl-lk3-02-brassindigo .inv-table tbody tr{border-bottom:1px solid #EEECE2} .invoice-preview.tmpl-lk3-02-brassindigo .inv-total-grand{border-top:2px solid #C9A227;padding-top:8px} .invoice-preview.tmpl-lk3-02-brassindigo .inv-total-grand b{color:#C9A227;font-size:22px!important} .invoice-preview.tmpl-lk3-03-jobticket{background:#EFE7D8;color:#241F16;font-family:Georgia,'Times New Roman',serif;position:relative;padding-left:18px} .invoice-preview.tmpl-lk3-03-jobticket::before{content:"";position:absolute;left:0;top:60px;width:14px;height:64px;background:linear-gradient(90deg,#8B8F97,#C8CCD3 40%,#8B8F97);border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.3)} .invoice-preview.tmpl-lk3-03-jobticket .inv-head{display:block!important;padding:30px 34px 16px 10px;border:0} .invoice-preview.tmpl-lk3-03-jobticket .inv-biz-name{font-size:19px;font-weight:700} .invoice-preview.tmpl-lk3-03-jobticket .inv-biz-tag{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#7A7360} .invoice-preview.tmpl-lk3-03-jobticket .inv-head-right{text-align:right} .invoice-preview.tmpl-lk3-03-jobticket .inv-doc-title{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#7A7360} .invoice-preview.tmpl-lk3-03-jobticket .inv-doc-num{font-size:18px;font-weight:700;margin-top:4px} .invoice-preview.tmpl-lk3-03-jobticket .inv-parties{border-bottom:1px solid #D9CEB4;padding-left:24px} .invoice-preview.tmpl-lk3-03-jobticket .inv-table{counter-reset:lk-row;padding-left:24px} .invoice-preview.tmpl-lk3-03-jobticket .inv-table thead tr{border-bottom:2px solid #241F16;font-size:11px;text-transform:uppercase;letter-spacing:.06em} .invoice-preview.tmpl-lk3-03-jobticket .inv-table thead th:first-child::before{content:"#"} .invoice-preview.tmpl-lk3-03-jobticket .inv-table tbody tr{counter-increment:lk-row;border-bottom:1px solid #DED5BC} .invoice-preview.tmpl-lk3-03-jobticket .inv-table tbody td:first-child::before{content:counter(lk-row) ". ";color:#7A7360} .invoice-preview.tmpl-lk3-03-jobticket .inv-totals{padding-left:24px} .invoice-preview.tmpl-lk3-03-jobticket .inv-total-grand b{font-size:22px!important} .invoice-preview.tmpl-lk3-03-jobticket .inv-block{padding-left:24px;font-style:italic;color:#4A4535}