/* Work order premium 30 pack, batch 1 of 6 (designs 01-05).
   Selectors: .paper.tmpl-pp-wo30-(slug), matching this pool's existing
   tmpl-pp-(id) convention (see it-wo-full-tpl-c-v1.css, e.g. tmpl-pp-ashline).
   Real DOM only: .p-top/.p-biz/.pill, .p-meta (label span + value b),
   .p-two > .p-block (span label, b value, i sub-lines), .p-tbl (real table,
   thead th, tbody td, td:last-child amount), .p-sum (div rows, .total),
   .p-sig/.p-sig-in (.rule), .p-by, .p-refs. Never rasterize real data:
   business name, client, job site, work order number, dates, line items
   and totals stay real live text nodes at all times. Designs 02 and 05
   use CSS-only shapes (clip-path/border-radius), no art crop needed since
   there is no photographic or textured decoration to lift, just flat
   color geometry. Designs 01, 03 and 04 use real decoration-only crops
   from their own reference art (no business data baked in), in
   site/assets/tpl-art/workorder30/. */

/* ================================================================
   01. Field Atlas - deep teal and apricot, topographic header ribbon,
   numbered job checklist, materials and labor below.
   ================================================================ */
.paper.tmpl-pp-wo30-fieldatlas{ background:#FCFAF6 !important; font-family:'Inter',ui-sans-serif,sans-serif !important; color:#1D2C2B !important; border-radius:2px !important; }
.paper.tmpl-pp-wo30-fieldatlas .p-top{ position:relative !important; background:#0E3B3D !important; background-image:url("/assets/tpl-art/workorder30/fieldatlas-art-1.png") !important; background-repeat:no-repeat !important; background-position:right top !important; background-size:auto 100% !important; padding:30px 34px !important; border-radius:10px 10px 0 0 !important; overflow:hidden !important; }
.paper.tmpl-pp-wo30-fieldatlas .p-biz{ font-family:'Inter',ui-sans-serif,sans-serif !important; font-weight:800 !important; letter-spacing:.02em !important; color:#FFFFFF !important; text-shadow:0 1px 6px rgba(0,0,0,.25) !important; }
.paper.tmpl-pp-wo30-fieldatlas .p-biz span{ color:#F0C08A !important; font-weight:600 !important; }
.paper.tmpl-pp-wo30-fieldatlas .pill{ background:transparent !important; color:#F0C08A !important; border:1.5px solid #E8A667 !important; font-weight:750 !important; letter-spacing:.14em !important; }
.paper.tmpl-pp-wo30-fieldatlas .p-meta{ border-top:none !important; padding-top:6px !important; }
.paper.tmpl-pp-wo30-fieldatlas .p-meta div span{ color:#B5896A !important; }
.paper.tmpl-pp-wo30-fieldatlas .p-meta div b{ color:#0E3B3D !important; }
.paper.tmpl-pp-wo30-fieldatlas .p-two{ border-bottom:none !important; gap:16px !important; }
.paper.tmpl-pp-wo30-fieldatlas .p-block{ background:#F6EFE3 !important; border:1px solid #E8DCC6 !important; border-radius:14px !important; }
.paper.tmpl-pp-wo30-fieldatlas .p-block span{ color:#B5896A !important; }
.paper.tmpl-pp-wo30-fieldatlas .p-block b{ color:#0E3B3D !important; }
.paper.tmpl-pp-wo30-fieldatlas .p-tbl thead th{ color:#B5896A !important; border-bottom:2px solid #0E3B3D !important; }
.paper.tmpl-pp-wo30-fieldatlas .p-tbl tbody td{ border-bottom:1px dotted #E8DCC6 !important; position:relative !important; padding-left:26px !important; }
.paper.tmpl-pp-wo30-fieldatlas .p-tbl td:first-child{ padding-left:0 !important; }
.paper.tmpl-pp-wo30-fieldatlas .p-tbl td:nth-child(2)::before{ content:"" !important; position:absolute !important; left:0 !important; top:50% !important; transform:translateY(-50%) !important; width:20px !important; height:20px !important; border-radius:50% !important; background:#E8A667 !important; }
.paper.tmpl-pp-wo30-fieldatlas .p-tbl td:last-child{ color:#0E3B3D !important; font-weight:750 !important; }
.paper.tmpl-pp-wo30-fieldatlas .p-sum>div{ color:#6B7A78 !important; }
.paper.tmpl-pp-wo30-fieldatlas .p-sum .total{ background:#0E3B3D !important; color:#F0C08A !important; border-radius:999px !important; padding:10px 20px !important; border-top:none !important; }
.paper.tmpl-pp-wo30-fieldatlas .p-refs{ color:#6B7A78 !important; }
.paper.tmpl-pp-wo30-fieldatlas .p-sig-in .rule{ border-top:1.5px solid #0E3B3D !important; }
.paper.tmpl-pp-wo30-fieldatlas .p-by{ color:#8A8074 !important; }
.paper.tmpl-pp-wo30-fieldatlas .p-by a{ color:#B5896A !important; }

/* ================================================================
   02. Vermilion Clip - a giant vermilion rounded tab clipped to the
   paper's top right holding the doc-type badge; warm white paper,
   charcoal serif metadata, ruled task rows. CSS shape only, no crop.
   ================================================================ */
.paper.tmpl-pp-wo30-vermilionclip{ background:#FDFBF7 !important; font-family:'Fraunces',Georgia,serif !important; color:#262220 !important; border-radius:2px !important; }
.paper.tmpl-pp-wo30-vermilionclip .p-top{ position:relative !important; align-items:flex-start !important; padding:34px 40px !important; border-bottom:1px solid #EFE6D8 !important; }
.paper.tmpl-pp-wo30-vermilionclip .p-biz{ font-family:'Fraunces',Georgia,serif !important; font-weight:650 !important; color:#262220 !important; }
.paper.tmpl-pp-wo30-vermilionclip .p-biz span{ color:#8C8378 !important; font-family:'Inter',ui-sans-serif,sans-serif !important; }
.paper.tmpl-pp-wo30-vermilionclip .pill{ position:relative !important; background:#E6461C !important; color:#fff !important; border:none !important; border-radius:22px 22px 4px 22px !important; padding:14px 26px !important; font-family:'Fraunces',Georgia,serif !important; font-size:13px !important; font-weight:700 !important; letter-spacing:.12em !important; box-shadow:0 10px 22px rgba(230,70,28,.28) !important; }
.paper.tmpl-pp-wo30-vermilionclip .p-meta{ border-top:1px solid #EFE6D8 !important; padding-top:16px !important; }
.paper.tmpl-pp-wo30-vermilionclip .p-meta div span{ color:#8C8378 !important; font-family:'Inter',ui-sans-serif,sans-serif !important; }
.paper.tmpl-pp-wo30-vermilionclip .p-meta div b{ color:#262220 !important; }
.paper.tmpl-pp-wo30-vermilionclip .p-two{ border-bottom:1px solid #EFE6D8 !important; padding-bottom:16px !important; }
.paper.tmpl-pp-wo30-vermilionclip .p-block{ background:transparent !important; border:none !important; border-left:2px solid #E6461C !important; border-radius:0 !important; padding:2px 0 2px 14px !important; }
.paper.tmpl-pp-wo30-vermilionclip .p-block span{ color:#8C8378 !important; font-family:'Inter',ui-sans-serif,sans-serif !important; }
.paper.tmpl-pp-wo30-vermilionclip .p-block b{ color:#262220 !important; }
.paper.tmpl-pp-wo30-vermilionclip .p-tbl thead th{ color:#8C8378 !important; font-family:'Inter',ui-sans-serif,sans-serif !important; border-bottom:1.5px solid #262220 !important; }
.paper.tmpl-pp-wo30-vermilionclip .p-tbl tbody td{ border-bottom:1px solid #EFE6D8 !important; }
.paper.tmpl-pp-wo30-vermilionclip .p-tbl td:last-child{ color:#E6461C !important; font-weight:700 !important; }
.paper.tmpl-pp-wo30-vermilionclip .p-sum>div{ color:#8C8378 !important; font-family:'Inter',ui-sans-serif,sans-serif !important; }
.paper.tmpl-pp-wo30-vermilionclip .p-sum .total{ border-top:2px solid #262220 !important; color:#262220 !important; }
.paper.tmpl-pp-wo30-vermilionclip .p-sig-in .rule{ border-top:1px solid #262220 !important; }
.paper.tmpl-pp-wo30-vermilionclip .p-by{ color:#8C8378 !important; font-family:'Inter',ui-sans-serif,sans-serif !important; }
.paper.tmpl-pp-wo30-vermilionclip .p-by a{ color:#E6461C !important; }

/* ================================================================
   03. Graphite Toolmark - graphite pencil-rubbing texture confined to
   the left outer margin (real crop, no data), otherwise white; tall
   compressed masthead, operational metadata in horizontal pairs.
   ================================================================ */
.paper.tmpl-pp-wo30-graphitetoolmark{ position:relative !important; background:#FFFFFF !important; font-family:'Inter',ui-sans-serif,sans-serif !important; color:#141414 !important; border-radius:2px !important; padding-left:26px !important; }
.paper.tmpl-pp-wo30-graphitetoolmark::before{ content:"" !important; position:absolute !important; left:0 !important; top:0 !important; bottom:0 !important; width:18px !important; background-image:url("/assets/tpl-art/workorder30/graphitetoolmark-art-1.png") !important; background-repeat:repeat-y !important; background-size:18px auto !important; background-position:left top !important; opacity:.85 !important; pointer-events:none !important; }
.paper.tmpl-pp-wo30-graphitetoolmark .p-top{ border-bottom:2px solid #141414 !important; padding-bottom:14px !important; }
.paper.tmpl-pp-wo30-graphitetoolmark .p-biz{ font-weight:800 !important; letter-spacing:-.01em !important; color:#141414 !important; text-transform:uppercase !important; }
.paper.tmpl-pp-wo30-graphitetoolmark .p-biz span{ color:#6B6B6B !important; text-transform:none !important; }
.paper.tmpl-pp-wo30-graphitetoolmark .pill{ background:#141414 !important; color:#fff !important; border:none !important; border-radius:3px !important; font-weight:750 !important; }
.paper.tmpl-pp-wo30-graphitetoolmark .p-meta{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; row-gap:14px !important; border-bottom:1px solid #D8D8D8 !important; padding-bottom:16px !important; }
.paper.tmpl-pp-wo30-graphitetoolmark .p-meta div span{ color:#6B6B6B !important; }
.paper.tmpl-pp-wo30-graphitetoolmark .p-meta div b{ color:#141414 !important; }
.paper.tmpl-pp-wo30-graphitetoolmark .p-two{ border-bottom:none !important; }
.paper.tmpl-pp-wo30-graphitetoolmark .p-block{ background:#F3F3F3 !important; border:none !important; border-radius:2px !important; }
.paper.tmpl-pp-wo30-graphitetoolmark .p-block span{ color:#6B6B6B !important; }
.paper.tmpl-pp-wo30-graphitetoolmark .p-block b{ color:#141414 !important; }
.paper.tmpl-pp-wo30-graphitetoolmark .p-tbl thead th{ color:#141414 !important; border-bottom:2px solid #141414 !important; }
.paper.tmpl-pp-wo30-graphitetoolmark .p-tbl tbody td{ border-bottom:1px solid #D8D8D8 !important; }
.paper.tmpl-pp-wo30-graphitetoolmark .p-tbl td:last-child{ color:#141414 !important; font-weight:750 !important; }
.paper.tmpl-pp-wo30-graphitetoolmark .p-sum>div{ color:#6B6B6B !important; }
.paper.tmpl-pp-wo30-graphitetoolmark .p-sum .total{ border-top:3px solid #141414 !important; color:#141414 !important; }
.paper.tmpl-pp-wo30-graphitetoolmark .p-sig-in .rule{ border-top:2px solid #141414 !important; font-weight:700 !important; }
.paper.tmpl-pp-wo30-graphitetoolmark .p-by{ color:#8A8A8A !important; }
.paper.tmpl-pp-wo30-graphitetoolmark .p-by a{ color:#141414 !important; }

/* ================================================================
   04. Bluebeam - clean cyan technical blueprint of a building corner
   confined to the header's upper area (real crop, no data), crisp dark
   blue condensed typography, site info in an inset white panel.
   ================================================================ */
.paper.tmpl-pp-wo30-bluebeam{ background:#F4FAFE !important; font-family:'Inter',ui-sans-serif,sans-serif !important; color:#0B2E52 !important; border-radius:2px !important; }
.paper.tmpl-pp-wo30-bluebeam .p-top{ position:relative !important; background:linear-gradient(180deg,#EAF4FC,#F4FAFE) !important; background-image:url("/assets/tpl-art/workorder30/bluebeam-art-1.png"),linear-gradient(180deg,#EAF4FC,#F4FAFE) !important; background-repeat:no-repeat,no-repeat !important; background-position:right top,top left !important; background-size:46% auto,100% 100% !important; padding:26px 32px !important; border-bottom:1px solid #CFE3F5 !important; }
.paper.tmpl-pp-wo30-bluebeam .p-biz{ font-weight:800 !important; letter-spacing:-.01em !important; color:#0B2E52 !important; }
.paper.tmpl-pp-wo30-bluebeam .p-biz span{ color:#3E7CBE !important; }
.paper.tmpl-pp-wo30-bluebeam .pill{ background:#DCEBFA !important; color:#1C6FCF !important; border:1px solid #B7D6F2 !important; font-weight:750 !important; }
.paper.tmpl-pp-wo30-bluebeam .p-meta{ background:#FFFFFF !important; border:1px solid #CFE3F5 !important; border-radius:12px !important; padding:14px 16px !important; margin:16px 0 !important; }
.paper.tmpl-pp-wo30-bluebeam .p-meta div span{ color:#3E7CBE !important; }
.paper.tmpl-pp-wo30-bluebeam .p-meta div b{ color:#0B2E52 !important; }
.paper.tmpl-pp-wo30-bluebeam .p-two{ border-bottom:1px solid #CFE3F5 !important; padding-bottom:14px !important; }
.paper.tmpl-pp-wo30-bluebeam .p-block{ background:#FFFFFF !important; border:1px solid #CFE3F5 !important; border-radius:10px !important; }
.paper.tmpl-pp-wo30-bluebeam .p-block span{ color:#3E7CBE !important; }
.paper.tmpl-pp-wo30-bluebeam .p-block b{ color:#0B2E52 !important; }
.paper.tmpl-pp-wo30-bluebeam .p-tbl thead th{ color:#3E7CBE !important; border-bottom:1.5px solid #1C6FCF !important; }
.paper.tmpl-pp-wo30-bluebeam .p-tbl tbody td{ border-bottom:1px solid #DCEBFA !important; }
.paper.tmpl-pp-wo30-bluebeam .p-tbl td:last-child{ color:#1C6FCF !important; font-weight:700 !important; }
.paper.tmpl-pp-wo30-bluebeam .p-sum{ opacity:.9 !important; }
.paper.tmpl-pp-wo30-bluebeam .p-sum>div{ color:#3E7CBE !important; }
.paper.tmpl-pp-wo30-bluebeam .p-sum .total{ border-top:2px solid #1C6FCF !important; color:#0B2E52 !important; }
.paper.tmpl-pp-wo30-bluebeam .p-sig-in .rule{ border-top:1px solid #0B2E52 !important; }
.paper.tmpl-pp-wo30-bluebeam .p-by{ color:#6E93BB !important; }
.paper.tmpl-pp-wo30-bluebeam .p-by a{ color:#1C6FCF !important; }

/* ================================================================
   05. Saffron Field Card - an oversized yellow safety-card corner with
   a black stencil badge, white body, expansive black type. CSS shape
   only, no crop (flat safety-yellow geometry, no photographic texture).
   ================================================================ */
.paper.tmpl-pp-wo30-saffronfieldcard{ background:#FFFFFF !important; font-family:'Inter',ui-sans-serif,sans-serif !important; color:#141414 !important; border-radius:2px !important; }
.paper.tmpl-pp-wo30-saffronfieldcard .p-top{ position:relative !important; align-items:center !important; padding:0 0 18px !important; border-bottom:2px solid #141414 !important; }
.paper.tmpl-pp-wo30-saffronfieldcard .p-biz{ font-weight:800 !important; letter-spacing:-.01em !important; color:#141414 !important; }
.paper.tmpl-pp-wo30-saffronfieldcard .p-biz span{ color:#6B6B6B !important; }
.paper.tmpl-pp-wo30-saffronfieldcard .pill{ position:relative !important; background:#F5C518 !important; color:#141414 !important; border:none !important; clip-path:polygon(0 0,100% 0,100% 70%,86% 100%,0 100%) !important; border-radius:0 !important; padding:16px 30px 16px 20px !important; font-weight:800 !important; letter-spacing:.1em !important; text-transform:uppercase !important; }
.paper.tmpl-pp-wo30-saffronfieldcard .p-meta{ border-top:1px solid #E5E5E5 !important; padding-top:16px !important; }
.paper.tmpl-pp-wo30-saffronfieldcard .p-meta div span{ color:#6B6B6B !important; }
.paper.tmpl-pp-wo30-saffronfieldcard .p-meta div b{ color:#141414 !important; font-weight:800 !important; }
.paper.tmpl-pp-wo30-saffronfieldcard .p-two{ border-bottom:1px solid #E5E5E5 !important; padding-bottom:16px !important; }
.paper.tmpl-pp-wo30-saffronfieldcard .p-block{ background:#FAFAFA !important; border:1px solid #E5E5E5 !important; border-radius:4px !important; }
.paper.tmpl-pp-wo30-saffronfieldcard .p-block span{ color:#6B6B6B !important; }
.paper.tmpl-pp-wo30-saffronfieldcard .p-block b{ color:#141414 !important; }
.paper.tmpl-pp-wo30-saffronfieldcard .p-tbl thead th{ color:#141414 !important; border-bottom:2px solid #F5C518 !important; }
.paper.tmpl-pp-wo30-saffronfieldcard .p-tbl tbody td{ border-bottom:1px solid #E5E5E5 !important; }
.paper.tmpl-pp-wo30-saffronfieldcard .p-tbl td:nth-child(2){ position:relative !important; padding-left:20px !important; }
.paper.tmpl-pp-wo30-saffronfieldcard .p-tbl td:nth-child(2)::before{ content:"" !important; position:absolute !important; left:0 !important; top:50% !important; transform:translateY(-50%) !important; width:12px !important; height:12px !important; background:#F5C518 !important; border:1.5px solid #141414 !important; }
.paper.tmpl-pp-wo30-saffronfieldcard .p-tbl td:last-child{ color:#141414 !important; font-weight:800 !important; }
.paper.tmpl-pp-wo30-saffronfieldcard .p-sum>div{ color:#6B6B6B !important; }
.paper.tmpl-pp-wo30-saffronfieldcard .p-sum .total{ background:#141414 !important; color:#F5C518 !important; border-top:none !important; border-radius:4px !important; padding:10px 16px !important; }
.paper.tmpl-pp-wo30-saffronfieldcard .p-sig-in .rule{ border-top:2px solid #141414 !important; }
.paper.tmpl-pp-wo30-saffronfieldcard .p-by{ color:#8A8A8A !important; }
.paper.tmpl-pp-wo30-saffronfieldcard .p-by a{ color:#141414 !important; }