/* it-wo-inv-v1.css (22 Oct 2026)
 * The work order wearing invoice-generator's 50 universal designs (uni01..uni50). The sheet is rebuilt with the
 * invoice markup by the work-order bundle (__woUni) and styled by it-inv-doc-base-v1.css plus the unchanged
 * it-gen-universal-* files. Everything here is editor chrome for that markup or a guard that keeps the work
 * order's own sheet rules off it. Every rule is scoped to .invoice-preview, so the work order's other designs
 * are untouched. */

/* tailwind's preflight, scoped to the sheet at zero specificity: invoice-generator's designs were written against it
   (the work order page has no such reset). Same values as invoice-generator's own copy (tailwindcss 3.4). */
:where(.invoice-preview){line-height:1.4;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}
:where(.invoice-preview,.invoice-preview *,.invoice-preview ::before,.invoice-preview ::after){box-sizing:border-box;border:0 solid #e5e7eb}
:where(.invoice-preview) :where(h1,h2,h3,h4,h5,h6){font-size:inherit;font-weight:inherit}
:where(.invoice-preview) :where(a){color:inherit;text-decoration:inherit}
:where(.invoice-preview) :where(b,strong){font-weight:bolder}
:where(.invoice-preview) :where(small){font-size:80%}
:where(.invoice-preview) :where(table){text-indent:0;border-color:inherit;border-collapse:collapse}
:where(.invoice-preview) :where(button,input,optgroup,select,textarea){font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}
:where(.invoice-preview) :where(button,select){text-transform:none}
:where(.invoice-preview) :where(button){-webkit-appearance:button;background-color:transparent;background-image:none}
:where(.invoice-preview) :where(blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre){margin:0}
:where(.invoice-preview) :where(menu,ol,ul){list-style:none;margin:0;padding:0}
:where(.invoice-preview) :where([role=button],button){cursor:pointer}
:where(.invoice-preview) :where(audio,canvas,embed,iframe,img,object,svg,video){display:block;vertical-align:middle}
:where(.invoice-preview) :where(img,video){max-width:100%;height:auto}
:where(.invoice-preview) :where([hidden]:not([hidden=until-found])){display:none}

/* the invoice sheet is 794px wide (the work order's own sheet is 720px) */
.woe-inner.woe-inv{width:794px}
.woe-canvas #paper.invoice-preview{width:794px;max-width:none;margin:0}

/* editor placeholders on the invoice markup: the page's own [data-f].woe-empty rules already draw field
   placeholders; these cover the two elements that are not data-f fields */
.woe-canvas #paper.invoice-preview #pTermsVal.woe-empty::before,.woe-canvas #paper.invoice-preview #pTermsText.woe-empty::before{content:attr(data-ph);color:#9aa5aa;font-style:italic;font-weight:400}
.woe-canvas #paper.invoice-preview #pTermsVal{cursor:pointer}
.woe-canvas #paper.invoice-preview .inv-detail-row b[data-open]:hover{box-shadow:0 0 0 3px var(--woe-accent-bg);border-radius:3px}

/* the editor's ghost row under the totals */
.woe-canvas #paper.invoice-preview #pStrip{margin-top:12px;text-align:right}

/* a line's quantity and its unit share one cell */
.invoice-preview .inv-table td .woe-rowunit{margin-left:4px}
.woe-canvas #paper.invoice-preview .woe-rowunit{font-size:inherit;padding:0;background-image:none!important;border-bottom:1px dotted transparent;color:inherit;text-align:right}
.woe-canvas #paper.invoice-preview .woe-rowunit:hover,.woe-canvas #paper.invoice-preview .woe-rowunit:focus{border-bottom-color:currentColor}
.woe-canvas #paper.invoice-preview .woe-rowunit option{color:#15151A;font-size:14px}
.woe-canvas #paper.invoice-preview .inv-table td [data-row-k="qty"]{display:inline-block;min-width:1ch}

/* drawn signature */
.invoice-preview #pSigDraw svg{display:block;height:60px;width:auto;max-width:220px;margin:0 auto}
.invoice-preview #pSigDraw{max-width:220px;margin-left:auto;margin-right:auto}
.invoice-preview .inv-signature-row .inv-signature + .inv-signature{margin-left:28px}

/* an empty placeholder never reaches an export, the review preview or paper (same as the invoice's .ige-empty) */
.it-shot .invoice-preview .woe-empty,.pg-shot .invoice-preview .woe-empty,#it-print-root .invoice-preview .woe-empty,
#finRealWrap .invoice-preview .woe-empty,#pgGauge .invoice-preview .woe-empty,.woe-fin .invoice-preview .woe-empty,
.it-shot.invoice-preview .woe-empty,.pg-shot.invoice-preview .woe-empty{display:none!important}
/* the unit is a native select on screen; every copy of the sheet prints it as plain text */
.it-shot .invoice-preview .woe-rowunit,.pg-shot .invoice-preview .woe-rowunit,#it-print-root .invoice-preview .woe-rowunit,
#finRealWrap .invoice-preview .woe-rowunit,#pgGauge .invoice-preview .woe-rowunit,.woe-fin .invoice-preview .woe-rowunit,
.it-shot.invoice-preview .woe-rowunit,.pg-shot.invoice-preview .woe-rowunit{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:0;background:none!important;padding:0;margin:0 0 0 6px;font:inherit;color:inherit;min-width:0}
@media print{
  .woe-canvas #paper.invoice-preview .woe-empty,.woe-canvas #paper.invoice-preview #pTermsVal.woe-empty::before{display:none!important;content:none!important}
  .invoice-preview .woe-rowunit{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:0;background:none!important;padding:0;margin:0 0 0 6px;font:inherit;color:inherit}
  /* it-paymethods-v1.js tightens #paper for the other sheets; the invoice designs keep their own spacing */
  body #paper#paper.paper.invoice-preview{padding:0!important}
}

/* the work order's dates are long ("October 29, 2026, 8:00 AM"): let a detail value wrap instead of pushing the column out of the sheet */
.invoice-preview .inv-detail-row b{white-space:normal;min-width:0;max-width:62%;overflow-wrap:anywhere}

/* a long placeholder ("Gate code, parking, key location (optional)") must not widen a design's grid column */
.woe-canvas #paper.invoice-preview [data-f].woe-empty:not(.woe-editing){max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.woe-canvas #paper.invoice-preview span[data-f].woe-empty:not(.woe-editing){display:inline-block;vertical-align:bottom}

/* two sign-off lines wrap instead of widening a design's column */
.invoice-preview .inv-signature-row{flex-wrap:wrap;row-gap:14px}
.invoice-preview .inv-signature-row .inv-signature + .inv-signature{margin-left:0}

/* the sheet's border is the invoice page's own: 1px, transparent, whatever the design sets on the root */
.woe-canvas #paper.invoice-preview{border-width:1px}