/* site/assets/it-gen-trade-fl3-v1.css
   3 flooring installer invoice-generator designs, built from the 3 real references in
   docs/full-designs/incoming/flooring/InvoiceTools_Flooring_Installer_Claude_Handoff_REBUILT/
   REFERENCE_IMAGES/. fl3-01 matches FL-01_flooring-installer-invoice-landing-page.png's own plain
   white template cards shown over wood-plank photography, with a dark navy "Edit this template"
   pill. fl3-02 matches FL-02_flooring-installer-invoice-blueprint.png's own plain centered
   "FLOORING INVOICE" sheet. fl3-03 matches FL-03_natural-oak-flooring-invoice-template.png's own
   "Ingram Floors" invoice shown over a natural oak plank background with a navy accent. The wood
   grain is drawn in CSS (repeating-linear-gradient warm oak tones) rather than lifted from the
   reference photos, since none of the three crop cleanly as art (each only shows wood through a
   worker mid-task, not a clean texture). Direct ?template= addressing only (registered in
   TEMPLATES, never UNIVERSAL_TPL_IDS). */
.invoice-preview.tmpl-fl3-01-woodplank{background:#fff;color:#1E2430;font-family:Arial,Helvetica,sans-serif}
.invoice-preview.tmpl-fl3-01-woodplank .inv-head{display:block!important;position:relative;padding:34px 40px 22px;border:0;overflow:hidden}
.invoice-preview.tmpl-fl3-01-woodplank .inv-head::after{content:"";position:absolute;left:0;right:0;bottom:0;height:8px;background:repeating-linear-gradient(90deg,#8A5A34 0 46px,#7A4C2A 46px 48px)}
.invoice-preview.tmpl-fl3-01-woodplank .inv-biz-name{font-size:20px;font-weight:800}
.invoice-preview.tmpl-fl3-01-woodplank .inv-biz-contact div,.invoice-preview.tmpl-fl3-01-woodplank .inv-biz-address{font-size:11px;color:#666;margin-top:3px}
.invoice-preview.tmpl-fl3-01-woodplank .inv-head-right{text-align:right}
.invoice-preview.tmpl-fl3-01-woodplank .inv-doc-title{font-size:30px;font-weight:800;text-transform:uppercase}
.invoice-preview.tmpl-fl3-01-woodplank .inv-doc-num{font-size:12px;color:#666}
.invoice-preview.tmpl-fl3-01-woodplank .inv-parties{border-bottom:1px solid #EEE}
.invoice-preview.tmpl-fl3-01-woodplank .inv-table thead tr{background:#F5F2EC;font-size:11px;text-transform:uppercase;letter-spacing:.05em}
.invoice-preview.tmpl-fl3-01-woodplank .inv-table tbody tr{border-bottom:1px solid #F0EEE8}
.invoice-preview.tmpl-fl3-01-woodplank .inv-total-grand{background:#12233F;color:#fff;border-radius:999px;padding:8px 16px;display:inline-block}
.invoice-preview.tmpl-fl3-01-woodplank .inv-total-grand b{color:#fff!important;font-size:20px!important}

.invoice-preview.tmpl-fl3-02-cleanminimal{background:#fff;color:#111417;font-family:Arial,Helvetica,sans-serif}
.invoice-preview.tmpl-fl3-02-cleanminimal .inv-head{display:block!important;padding:36px 40px 20px;border:0;text-align:center}
.invoice-preview.tmpl-fl3-02-cleanminimal .inv-head-left,.invoice-preview.tmpl-fl3-02-cleanminimal .inv-head-right{display:block;width:100%;text-align:center}
.invoice-preview.tmpl-fl3-02-cleanminimal .inv-biz-name{font-size:13px;letter-spacing:.06em;color:#666}
.invoice-preview.tmpl-fl3-02-cleanminimal .inv-doc-title{font-size:26px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-top:6px}
.invoice-preview.tmpl-fl3-02-cleanminimal .inv-doc-num{font-size:12px;color:#666;margin-top:4px}
.invoice-preview.tmpl-fl3-02-cleanminimal .inv-parties{border-bottom:1px solid #EEE;text-align:left}
.invoice-preview.tmpl-fl3-02-cleanminimal .inv-table thead tr{border-bottom:1px solid #111417;font-size:11px;text-transform:uppercase;letter-spacing:.05em}
.invoice-preview.tmpl-fl3-02-cleanminimal .inv-table tbody tr{border-bottom:1px solid #F0EFEC}
.invoice-preview.tmpl-fl3-02-cleanminimal .inv-total-grand b{font-size:22px!important}
.invoice-preview.tmpl-fl3-02-cleanminimal .inv-block{font-family:'Brush Script MT',cursive;font-size:15px;color:#666}

.invoice-preview.tmpl-fl3-03-naturaloak{background:#fff;color:#12233F;font-family:Arial,Helvetica,sans-serif}
.invoice-preview.tmpl-fl3-03-naturaloak .inv-head{display:block!important;position:relative;padding:34px 40px 22px;border:0;background:repeating-linear-gradient(100deg,#C99C63 0 58px,#B98849 58px 62px,#C99C63 62px 118px)}
.invoice-preview.tmpl-fl3-03-naturaloak .inv-head::before{content:"";position:absolute;top:0;left:0;width:70px;height:70px;background:#12233F;clip-path:polygon(0 0,100% 0,0 100%)}
.invoice-preview.tmpl-fl3-03-naturaloak .inv-head-left{background:rgba(255,255,255,.88);display:inline-block;padding:10px 16px;border-radius:4px}
.invoice-preview.tmpl-fl3-03-naturaloak .inv-biz-name{font-size:18px;font-weight:800;color:#12233F}
.invoice-preview.tmpl-fl3-03-naturaloak .inv-biz-contact div,.invoice-preview.tmpl-fl3-03-naturaloak .inv-biz-address{font-size:10.5px;color:#5B6472}
.invoice-preview.tmpl-fl3-03-naturaloak .inv-head-right{text-align:right;position:relative;z-index:1}
.invoice-preview.tmpl-fl3-03-naturaloak .inv-doc-title{font-size:32px;font-weight:900;color:#12233F;text-transform:uppercase}
.invoice-preview.tmpl-fl3-03-naturaloak .inv-doc-num{font-size:12px;color:#12233F;background:rgba(255,255,255,.75);padding:2px 8px;border-radius:3px;display:inline-block;margin-top:4px}
.invoice-preview.tmpl-fl3-03-naturaloak .inv-parties{border-bottom:1px solid #EEE}
.invoice-preview.tmpl-fl3-03-naturaloak .inv-table thead tr{border-bottom:2px solid #12233F;font-size:11px;text-transform:uppercase;letter-spacing:.05em}
.invoice-preview.tmpl-fl3-03-naturaloak .inv-table tbody tr{border-bottom:1px solid #EEE}
.invoice-preview.tmpl-fl3-03-naturaloak .inv-total-grand b{color:#12233F;font-size:22px!important}