/* Work Order 30-design premium pack, batch 4 (ids 16-20): Canvas Stamp, Gridline Site,
   Lavender Utility, Desert Shift, Redline Revision. Ported pixel-direction from
   docs/full-designs/workorder30-reference onto work-order's real #paper/.p-* DOM
   (same family as receipt-maker/purchase-order, not invoice-generator's .inv-*).
   Selector convention: .paper.tmpl-pp-wo30-<slug>, every declaration !important.
   Art crops load from /assets/tpl-art/workorder30/. Additive only, nothing shared touched. */

/* ---------- 16: Canvas Stamp ---------- */
.paper.tmpl-pp-wo30-canvas-stamp{ background:#F3EEE3 !important; font-family:'Fraunces',Georgia,serif !important; color:#2E2A1E !important; border:1px solid #E4DBC7 !important; border-radius:2px !important; position:relative !important; overflow:hidden !important; }
.paper.tmpl-pp-wo30-canvas-stamp .p-top{ position:relative !important; padding-right:150px !important; border-bottom:1px solid #DCCFAE !important; }
.paper.tmpl-pp-wo30-canvas-stamp .p-top::after{ content:"" !important; position:absolute !important; right:-26px !important; top:-26px !important; width:170px !important; height:110px !important; background:url("/assets/tpl-art/workorder30/canvas-stamp-art-1.png") right top/cover no-repeat !important; opacity:.96 !important; z-index:0 !important; pointer-events:none !important; }
.paper.tmpl-pp-wo30-canvas-stamp .p-biz{ font-family:'Fraunces',Georgia,serif !important; font-weight:700 !important; color:#2E2A1E !important; letter-spacing:.01em !important; }
.paper.tmpl-pp-wo30-canvas-stamp .p-biz span{ font-family:'DM Sans',ui-sans-serif,sans-serif !important; color:#5C6B45 !important; }
.paper.tmpl-pp-wo30-canvas-stamp .pill{ background:#E7E0CB !important; color:#4B5D34 !important; border:1px solid #C8BE9E !important; font-family:'Fraunces',Georgia,serif !important; letter-spacing:.14em !important; font-weight:700 !important; }
.paper.tmpl-pp-wo30-canvas-stamp .p-meta{ border-top:1px solid #DCCFAE !important; border-bottom:1px solid #DCCFAE !important; }
.paper.tmpl-pp-wo30-canvas-stamp .p-meta div span{ color:#7C7157 !important; font-family:'DM Sans',ui-sans-serif,sans-serif !important; }
.paper.tmpl-pp-wo30-canvas-stamp .p-meta div b{ color:#2E2A1E !important; font-family:'Fraunces',Georgia,serif !important; }
.paper.tmpl-pp-wo30-canvas-stamp .p-two{ border-bottom:1px dotted #DCCFAE !important; }
.paper.tmpl-pp-wo30-canvas-stamp .p-block{ background:#EDE6D4 !important; border-radius:10px !important; }
.paper.tmpl-pp-wo30-canvas-stamp .p-block .p-block span,.paper.tmpl-pp-wo30-canvas-stamp .p-block>.p-block span{ color:#4B5D34 !important; text-transform:uppercase !important; letter-spacing:.1em !important; font-family:'DM Sans',ui-sans-serif,sans-serif !important; }
.paper.tmpl-pp-wo30-canvas-stamp .p-tbl thead th{ color:#4B5D34 !important; border-bottom:1px solid #DCCFAE !important; font-family:'DM Sans',ui-sans-serif,sans-serif !important; text-transform:uppercase !important; letter-spacing:.08em !important; }
.paper.tmpl-pp-wo30-canvas-stamp .p-tbl thead th.c{ width:44px !important; }
.paper.tmpl-pp-wo30-canvas-stamp .p-tbl thead th.u{ width:56px !important; }
.paper.tmpl-pp-wo30-canvas-stamp .p-tbl thead th.n{ width:70px !important; }
.paper.tmpl-pp-wo30-canvas-stamp .p-tbl tbody td{ border-bottom:1px dotted #DCCFAE !important; }
.paper.tmpl-pp-wo30-canvas-stamp .p-tbl tbody td:first-child{ font-family:'Fraunces',Georgia,serif !important; font-size:20px !important; font-weight:600 !important; color:#4B5D34 !important; }
.paper.tmpl-pp-wo30-canvas-stamp .p-tbl td:last-child{ color:#4B5D34 !important; font-weight:700 !important; }
.paper.tmpl-pp-wo30-canvas-stamp .p-sum>div{ color:#7C7157 !important; }
.paper.tmpl-pp-wo30-canvas-stamp .p-sum .total{ background:#E7E0CB !important; color:#3E4A2C !important; border-radius:6px !important; padding:10px 16px !important; border-top:none !important; }
.paper.tmpl-pp-wo30-canvas-stamp .p-sig-in .rule{ border-top:1px solid #4B5D34 !important; }
.paper.tmpl-pp-wo30-canvas-stamp .p-by{ color:#7C7157 !important; }
.paper.tmpl-pp-wo30-canvas-stamp .p-by a{ color:#4B5D34 !important; }
.woe-canvas #paper.paper.tmpl-pp-wo30-canvas-stamp{font-size:14.5px!important;line-height:1.5!important}
.woe-canvas #paper.paper.tmpl-pp-wo30-canvas-stamp .p-tbl th{font-size:11.5px!important}
.woe-canvas #paper.paper.tmpl-pp-wo30-canvas-stamp .p-tbl td{font-size:14px!important}
.woe-canvas #paper.paper.tmpl-pp-wo30-canvas-stamp .p-by{font-size:9px!important}

/* ---------- 17: Gridline Site ---------- */
.paper.tmpl-pp-wo30-gridline-site{ background:#FFFFFF !important; font-family:'DM Sans',ui-sans-serif,sans-serif !important; color:#1B2733 !important; border:1px solid #E3E7EB !important; border-radius:2px !important; position:relative !important; overflow:hidden !important; }
.paper.tmpl-pp-wo30-gridline-site .p-top{ position:relative !important; padding-top:8px !important; padding-bottom:16px !important; border-bottom:2px solid #1B2733 !important; }
.paper.tmpl-pp-wo30-gridline-site .p-top::before{ content:"" !important; position:absolute !important; left:35% !important; right:-26px !important; top:-26px !important; height:96px !important; background:url("/assets/tpl-art/workorder30/gridline-site-art-1.png") right top/cover no-repeat !important; opacity:.55 !important; z-index:0 !important; pointer-events:none !important; }
.paper.tmpl-pp-wo30-gridline-site .p-biz{ font-family:'DM Sans',ui-sans-serif,sans-serif !important; font-weight:800 !important; color:#1B2733 !important; position:relative !important; z-index:1 !important; }
.paper.tmpl-pp-wo30-gridline-site .p-biz span{ color:#5B6B79 !important; font-weight:600 !important; }
.paper.tmpl-pp-wo30-gridline-site .pill{ background:#1B2733 !important; color:#FF6A1A !important; border-radius:3px !important; font-weight:800 !important; letter-spacing:.14em !important; position:relative !important; z-index:1 !important; }
.paper.tmpl-pp-wo30-gridline-site .p-meta{ border-top:1px solid #1B2733 !important; border-bottom:1px solid #1B2733 !important; }
.paper.tmpl-pp-wo30-gridline-site .p-meta div span{ color:#5B6B79 !important; font-weight:700 !important; }
.paper.tmpl-pp-wo30-gridline-site .p-meta div b{ color:#1B2733 !important; font-weight:800 !important; }
.paper.tmpl-pp-wo30-gridline-site .p-two{ border:1px solid #DCE2E8 !important; border-bottom:1px solid #DCE2E8 !important; padding:10px !important; border-radius:4px !important; }
.paper.tmpl-pp-wo30-gridline-site .p-block .p-block span,.paper.tmpl-pp-wo30-gridline-site .p-block>.p-block span{ color:#FF6A1A !important; text-transform:uppercase !important; letter-spacing:.1em !important; font-weight:800 !important; }
.paper.tmpl-pp-wo30-gridline-site .p-tbl thead th{ background:#1B2733 !important; color:#fff !important; border-bottom:none !important; text-transform:uppercase !important; letter-spacing:.06em !important; }
.paper.tmpl-pp-wo30-gridline-site .p-tbl thead th.c{ width:46px !important; }
.paper.tmpl-pp-wo30-gridline-site .p-tbl thead th.u{ width:56px !important; }
.paper.tmpl-pp-wo30-gridline-site .p-tbl thead th.n{ width:72px !important; }
.paper.tmpl-pp-wo30-gridline-site .p-tbl tbody td{ border-bottom:1px solid #DCE2E8 !important; position:relative !important; padding-left:26px !important; }
.paper.tmpl-pp-wo30-gridline-site .p-tbl td:first-child::before{ content:"" !important; position:absolute !important; left:0 !important; top:50% !important; transform:translateY(-50%) !important; width:12px !important; height:12px !important; border:1.5px solid #1B2733 !important; background:#fff !important; }
.paper.tmpl-pp-wo30-gridline-site .p-tbl td:last-child{ color:#FF6A1A !important; font-weight:800 !important; }
.paper.tmpl-pp-wo30-gridline-site .p-sum>div{ color:#5B6B79 !important; }
.paper.tmpl-pp-wo30-gridline-site .p-sum .total{ background:#1B2733 !important; color:#FF6A1A !important; border-radius:3px !important; padding:10px 16px !important; border-top:none !important; font-weight:800 !important; }
.paper.tmpl-pp-wo30-gridline-site .p-sig-in .rule{ border-top:2px solid #1B2733 !important; }
.paper.tmpl-pp-wo30-gridline-site .p-by{ color:#5B6B79 !important; }
.paper.tmpl-pp-wo30-gridline-site .p-by a{ color:#FF6A1A !important; }
.woe-canvas #paper.paper.tmpl-pp-wo30-gridline-site{font-size:14.5px!important;line-height:1.5!important}
.woe-canvas #paper.paper.tmpl-pp-wo30-gridline-site .p-tbl th{font-size:11.5px!important}
.woe-canvas #paper.paper.tmpl-pp-wo30-gridline-site .p-tbl td{font-size:14px!important}
.woe-canvas #paper.paper.tmpl-pp-wo30-gridline-site .p-by{font-size:9px!important}

/* ---------- 18: Lavender Utility ---------- */
.paper.tmpl-pp-wo30-lavender-utility{ background:#FFFFFF !important; font-family:'DM Sans',ui-sans-serif,sans-serif !important; color:#1E2A78 !important; border-radius:4px !important; overflow:hidden !important; }
.paper.tmpl-pp-wo30-lavender-utility .p-top{ background:linear-gradient(135deg,#DCD6F5,#C9C0F0) !important; margin:-26px -26px 18px !important; padding:26px 26px 20px !important; }
.paper.tmpl-pp-wo30-lavender-utility .p-biz{ font-family:'DM Sans',ui-sans-serif,sans-serif !important; font-weight:800 !important; letter-spacing:.08em !important; text-transform:uppercase !important; color:#1E2A78 !important; }
.paper.tmpl-pp-wo30-lavender-utility .p-biz span{ color:#3B3E86 !important; font-weight:600 !important; }
.paper.tmpl-pp-wo30-lavender-utility .pill{ background:#1E2A78 !important; color:#fff !important; font-weight:800 !important; letter-spacing:.12em !important; font-size:14px !important; padding:8px 16px !important; }
.paper.tmpl-pp-wo30-lavender-utility .p-meta{ border:1px solid #C9C0F0 !important; background:#F4F2FC !important; border-radius:6px !important; padding:12px 14px !important; }
.paper.tmpl-pp-wo30-lavender-utility .p-meta div span{ color:#5B5FA8 !important; font-weight:700 !important; }
.paper.tmpl-pp-wo30-lavender-utility .p-meta div b{ color:#1E2A78 !important; font-weight:800 !important; }
.paper.tmpl-pp-wo30-lavender-utility .p-two{ border-bottom:1px solid #C9C0F0 !important; }
.paper.tmpl-pp-wo30-lavender-utility .p-block{ border:1px solid #C9C0F0 !important; border-radius:4px !important; }
.paper.tmpl-pp-wo30-lavender-utility .p-block .p-block span,.paper.tmpl-pp-wo30-lavender-utility .p-block>.p-block span{ color:#5B5FA8 !important; text-transform:uppercase !important; letter-spacing:.1em !important; font-weight:800 !important; }
.paper.tmpl-pp-wo30-lavender-utility .p-tbl thead th{ background:#DCD6F5 !important; color:#1E2A78 !important; border-bottom:1px solid #C9C0F0 !important; text-transform:uppercase !important; letter-spacing:.06em !important; }
.paper.tmpl-pp-wo30-lavender-utility .p-tbl thead th.c{ width:44px !important; }
.paper.tmpl-pp-wo30-lavender-utility .p-tbl thead th.u{ width:56px !important; }
.paper.tmpl-pp-wo30-lavender-utility .p-tbl thead th.n{ width:70px !important; }
.paper.tmpl-pp-wo30-lavender-utility .p-tbl tbody td{ border-bottom:1px solid #E4E0F7 !important; }
.paper.tmpl-pp-wo30-lavender-utility .p-tbl tbody tr:nth-child(even) td{ background:#F8F7FD !important; }
.paper.tmpl-pp-wo30-lavender-utility .p-tbl td:last-child{ color:#1E2A78 !important; font-weight:800 !important; }
.paper.tmpl-pp-wo30-lavender-utility .p-sum>div{ color:#5B5FA8 !important; }
.paper.tmpl-pp-wo30-lavender-utility .p-sum .total{ background:#1E2A78 !important; color:#fff !important; border-radius:4px !important; padding:10px 16px !important; border-top:none !important; font-weight:800 !important; }
.paper.tmpl-pp-wo30-lavender-utility .p-sig-in .rule{ border-top:1px solid #1E2A78 !important; }
.paper.tmpl-pp-wo30-lavender-utility .p-by{ color:#5B5FA8 !important; }
.paper.tmpl-pp-wo30-lavender-utility .p-by a{ color:#1E2A78 !important; }
.woe-canvas #paper.paper.tmpl-pp-wo30-lavender-utility{font-size:14.5px!important;line-height:1.5!important}
.woe-canvas #paper.paper.tmpl-pp-wo30-lavender-utility .p-tbl th{font-size:11.5px!important}
.woe-canvas #paper.paper.tmpl-pp-wo30-lavender-utility .p-tbl td{font-size:14px!important}
.woe-canvas #paper.paper.tmpl-pp-wo30-lavender-utility .p-by{font-size:9px!important}

/* ---------- 19: Desert Shift ---------- */
.paper.tmpl-pp-wo30-desert-shift{ background:#FAF6EF !important; font-family:'Fraunces',Georgia,serif !important; color:#241F16 !important; border-radius:2px !important; position:relative !important; overflow:hidden !important; padding-bottom:150px !important; }
.paper.tmpl-pp-wo30-desert-shift .p-top{ border-bottom:1px solid #E3D9C6 !important; padding-bottom:14px !important; }
.paper.tmpl-pp-wo30-desert-shift .p-biz{ font-family:'Fraunces',Georgia,serif !important; font-weight:700 !important; color:#241F16 !important; }
.paper.tmpl-pp-wo30-desert-shift .p-biz span{ font-family:'DM Sans',ui-sans-serif,sans-serif !important; color:#B5651D !important; }
.paper.tmpl-pp-wo30-desert-shift .pill{ background:none !important; color:#241F16 !important; border:1px solid #241F16 !important; font-family:'Fraunces',Georgia,serif !important; letter-spacing:.18em !important; font-weight:700 !important; border-radius:0 !important; }
.paper.tmpl-pp-wo30-desert-shift .p-meta{ border-top:1px solid #E3D9C6 !important; border-bottom:1px solid #E3D9C6 !important; }
.paper.tmpl-pp-wo30-desert-shift .p-meta div span{ color:#B5651D !important; font-family:'DM Sans',ui-sans-serif,sans-serif !important; }
.paper.tmpl-pp-wo30-desert-shift .p-meta div b{ color:#241F16 !important; font-family:'Fraunces',Georgia,serif !important; }
.paper.tmpl-pp-wo30-desert-shift .p-meta div:nth-child(3) b{ font-size:26px !important; font-weight:700 !important; }
.paper.tmpl-pp-wo30-desert-shift .p-two{ border-bottom:1px solid #E3D9C6 !important; }
.paper.tmpl-pp-wo30-desert-shift .p-block .p-block span,.paper.tmpl-pp-wo30-desert-shift .p-block>.p-block span{ color:#B5651D !important; text-transform:uppercase !important; letter-spacing:.12em !important; font-family:'DM Sans',ui-sans-serif,sans-serif !important; }
.paper.tmpl-pp-wo30-desert-shift .p-tbl thead th{ color:#B5651D !important; border-bottom:1px solid #E3D9C6 !important; font-family:'DM Sans',ui-sans-serif,sans-serif !important; text-transform:uppercase !important; letter-spacing:.08em !important; }
.paper.tmpl-pp-wo30-desert-shift .p-tbl thead th.c{ width:44px !important; }
.paper.tmpl-pp-wo30-desert-shift .p-tbl thead th.u{ width:56px !important; }
.paper.tmpl-pp-wo30-desert-shift .p-tbl thead th.n{ width:70px !important; }
.paper.tmpl-pp-wo30-desert-shift .p-tbl tbody td{ border-bottom:1px solid #EFE8D8 !important; }
.paper.tmpl-pp-wo30-desert-shift .p-tbl tbody td:first-child{ color:#B5651D !important; font-weight:700 !important; }
.paper.tmpl-pp-wo30-desert-shift .p-tbl td:last-child{ color:#241F16 !important; font-weight:700 !important; }
.paper.tmpl-pp-wo30-desert-shift .p-sum>div{ color:#6B6250 !important; }
.paper.tmpl-pp-wo30-desert-shift .p-sum .total{ background:none !important; color:#241F16 !important; border-top:1px solid #241F16 !important; font-weight:700 !important; }
.paper.tmpl-pp-wo30-desert-shift .p-sig-in .rule{ border-top:1px solid #241F16 !important; }
.paper.tmpl-pp-wo30-desert-shift .p-by{ color:#6B6250 !important; position:relative !important; z-index:1 !important; }
.paper.tmpl-pp-wo30-desert-shift .p-by a{ color:#B5651D !important; }
.paper.tmpl-pp-wo30-desert-shift::after{ content:"" !important; position:absolute !important; left:0 !important; right:0 !important; bottom:0 !important; height:130px !important; background:url("/assets/tpl-art/workorder30/desert-shift-art-1.png") center bottom/cover no-repeat !important; z-index:0 !important; pointer-events:none !important; }
.woe-canvas #paper.paper.tmpl-pp-wo30-desert-shift{font-size:14.5px!important;line-height:1.5!important}
.woe-canvas #paper.paper.tmpl-pp-wo30-desert-shift .p-tbl th{font-size:11.5px!important}
.woe-canvas #paper.paper.tmpl-pp-wo30-desert-shift .p-tbl td{font-size:14px!important}
.woe-canvas #paper.paper.tmpl-pp-wo30-desert-shift .p-by{font-size:9px!important}

/* ---------- 20: Redline Revision ---------- */
.paper.tmpl-pp-wo30-redline-revision{ background:#FFFFFF !important; font-family:'DM Sans',ui-sans-serif,sans-serif !important; color:#1A1A1A !important; border:1px solid #D9D9D9 !important; border-radius:2px !important; position:relative !important; overflow:hidden !important; }
.paper.tmpl-pp-wo30-redline-revision::before{ content:"" !important; position:absolute !important; top:-10px !important; right:26px !important; width:2px !important; height:120px !important; background:#D8342B !important; transform:rotate(28deg) !important; transform-origin:top !important; z-index:2 !important; pointer-events:none !important; }
.paper.tmpl-pp-wo30-redline-revision::after{ content:"R1 \2014 see revision log" !important; position:absolute !important; top:14px !important; right:2px !important; width:110px !important; font-size:8.5px !important; font-weight:700 !important; color:#D8342B !important; transform:rotate(28deg) !important; transform-origin:top left !important; letter-spacing:.02em !important; z-index:2 !important; pointer-events:none !important; }
.paper.tmpl-pp-wo30-redline-revision .p-top{ border-bottom:2px solid #1A1A1A !important; padding-bottom:14px !important; padding-right:110px !important; }
.paper.tmpl-pp-wo30-redline-revision .p-biz{ font-weight:800 !important; letter-spacing:.02em !important; color:#1A1A1A !important; }
.paper.tmpl-pp-wo30-redline-revision .p-biz span{ color:#666 !important; }
.paper.tmpl-pp-wo30-redline-revision .pill{ background:#fff !important; color:#1A1A1A !important; border:1.5px solid #1A1A1A !important; border-radius:2px !important; font-weight:800 !important; letter-spacing:.1em !important; }
.paper.tmpl-pp-wo30-redline-revision .p-meta{ border-top:1px solid #1A1A1A !important; border-bottom:1px solid #1A1A1A !important; }
.paper.tmpl-pp-wo30-redline-revision .p-meta div span{ color:#666 !important; font-weight:700 !important; }
.paper.tmpl-pp-wo30-redline-revision .p-meta div b{ color:#1A1A1A !important; font-weight:800 !important; }
.paper.tmpl-pp-wo30-redline-revision .p-two{ border:1px solid #D9D9D9 !important; padding:8px !important; }
.paper.tmpl-pp-wo30-redline-revision .p-block .p-block span,.paper.tmpl-pp-wo30-redline-revision .p-block>.p-block span{ color:#1A1A1A !important; text-transform:uppercase !important; letter-spacing:.08em !important; font-weight:800 !important; }
.paper.tmpl-pp-wo30-redline-revision .p-tbl thead th{ background:#EFEFEF !important; color:#1A1A1A !important; border:1px solid #D9D9D9 !important; text-transform:uppercase !important; letter-spacing:.05em !important; }
.paper.tmpl-pp-wo30-redline-revision .p-tbl thead th.c{ width:36px !important; }
.paper.tmpl-pp-wo30-redline-revision .p-tbl thead th.u{ width:56px !important; }
.paper.tmpl-pp-wo30-redline-revision .p-tbl thead th.n{ width:70px !important; }
.paper.tmpl-pp-wo30-redline-revision .p-tbl tbody td{ border:1px solid #D9D9D9 !important; }
.paper.tmpl-pp-wo30-redline-revision .p-tbl tbody tr:nth-child(even) td{ background:#FAFAFA !important; }
.paper.tmpl-pp-wo30-redline-revision .p-tbl td:last-child{ color:#1A1A1A !important; font-weight:800 !important; }
.paper.tmpl-pp-wo30-redline-revision .p-sum>div{ color:#444 !important; }
.paper.tmpl-pp-wo30-redline-revision .p-sum .total{ background:#1A1A1A !important; color:#fff !important; border-radius:2px !important; padding:10px 16px !important; border-top:none !important; font-weight:800 !important; }
.paper.tmpl-pp-wo30-redline-revision .p-sig-in .rule{ border-top:1.5px solid #1A1A1A !important; }
.paper.tmpl-pp-wo30-redline-revision .p-by{ color:#666 !important; }
.paper.tmpl-pp-wo30-redline-revision .p-by a{ color:#D8342B !important; }
.woe-canvas #paper.paper.tmpl-pp-wo30-redline-revision{font-size:14.5px!important;line-height:1.5!important}
.woe-canvas #paper.paper.tmpl-pp-wo30-redline-revision .p-tbl th{font-size:11.5px!important}
.woe-canvas #paper.paper.tmpl-pp-wo30-redline-revision .p-tbl td{font-size:14px!important}
.woe-canvas #paper.paper.tmpl-pp-wo30-redline-revision .p-by{font-size:9px!important}