/* Precision Utility Detection: gold on charcoal, matching their own proposal and report templates. */
:root{--pud-gold:var(--brand,#D6A000);--pud-ink:#171717;--pud-gray:#6F6F6F;--pud-card:#F2F1EE}   /* their own brand color, if they chose one, replaces the gold everywhere */
.btn.act{color:var(--on-ember,var(--pud-ink))}
.btn.act:hover{color:var(--on-ember,var(--pud-ink))}

/* ---- edit forms ---- */
.pgset{border:0;padding:0;margin:0 0 26px}
.pgset>legend{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--pud-gray);padding:0 0 8px}
.fgrid{display:grid;gap:12px 16px}
.fgrid.g1{grid-template-columns:1fr}.fgrid.g2{grid-template-columns:repeat(2,1fr)}.fgrid.g3{grid-template-columns:repeat(3,1fr)}
.fgrid .span1{grid-column:span 1}.fgrid .span2{grid-column:span 2}.fgrid .span3{grid-column:1/-1}
.fgrid.g2 .span3,.fgrid.g2 .span2{grid-column:1/-1}
.fld label{display:block;font-size:12.5px;font-weight:650;margin-bottom:5px}
.fld input,.fld textarea{width:100%;font:inherit;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:var(--card)}
.fld input:focus,.fld textarea:focus{outline:2px solid var(--pud-gold);outline-offset:0}
.staticnote,.staticval{font-size:13px;color:var(--pud-gray);margin:0}
.staticval{padding:9px 11px;border:1px dashed var(--line);border-radius:8px;color:var(--pud-ink);font-weight:650}
.checks{display:grid;gap:8px}.checks.c2{grid-template-columns:repeat(2,1fr)}.checks.c3{grid-template-columns:repeat(3,1fr)}
.checks .check{display:flex;gap:8px;align-items:center;font-weight:500;font-size:13.5px}
.checks .check input[type=checkbox]{width:18px;height:18px;flex:none;margin:0}   /* the form's wide-input rule was stretching the box across the column */
.costs{width:100%;border-collapse:collapse}.costs th{text-align:left;font-size:12px;color:var(--pud-gray);padding:0 6px 4px}.costs td{padding:3px}
.imgslot{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px dashed var(--line);border-radius:10px}
.imgslot img{max-width:100%;max-height:220px;object-fit:contain;border-radius:6px;align-self:flex-start}
.photogrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.stickybar{position:sticky;bottom:0;display:flex;flex-wrap:wrap;gap:8px;padding:12px 0;background:linear-gradient(to top,var(--page,#F4F6F8) 70%,transparent)}
/* on a phone the app's bottom bar sits at the bottom of the screen: keep Save above it, not underneath */
@media (max-width:860px){.stickybar{bottom:calc(74px + env(safe-area-inset-bottom));padding-bottom:10px}html[data-phone=burger] .stickybar{bottom:env(safe-area-inset-bottom)}}
.newbar{display:flex;flex-wrap:wrap;gap:12px}.newdoc{display:flex;gap:8px;align-items:center}.newdoc select{max-width:220px}
@media (max-width:760px){.fgrid.g2,.fgrid.g3,.photogrid,.checks.c2{grid-template-columns:1fr}.checks.c3{grid-template-columns:repeat(2,1fr)}.fgrid .span1,.fgrid .span2{grid-column:1/-1}}

/* ---- the printed pages ---- */
body.pdpage{background:#E6E3DC;margin:0}
.pd-toolbar{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:10px 16px;background:var(--card);border-bottom:1px solid var(--line)}
.pd-share{font-size:13px;display:flex;gap:6px;align-items:center}.pd-share input{width:280px;max-width:60vw;padding:6px 8px;border:1px solid var(--line);border-radius:6px}
.pd-page{position:relative;width:8.5in;min-height:11in;margin:18px auto;background:#fff;box-shadow:0 2px 14px rgba(0,0,0,.18);display:flex;flex-direction:column;color:var(--pud-ink);font-size:11.5px;line-height:1.4}
.pd-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin:0 .5in;padding:.4in 0 .14in;border-bottom:3px solid var(--pud-gold)}
.pd-logo{height:.82in;width:auto;max-width:3in;object-fit:contain}.pd-logotext{font-size:22px;font-weight:800}
.pd-title{text-align:right;display:flex;flex-direction:column;gap:3px}
.pd-title h1{margin:0;font-size:19px;font-weight:800;letter-spacing:.01em;line-height:1.15}
.pd-tag{color:var(--pud-gold);font-size:10px;letter-spacing:.06em}.pd-title span{color:var(--pud-gray);font-size:10px}
.pd-body{flex:1;margin:.2in .5in 0;display:flex;flex-direction:column;gap:11px}
.pd-card{background:#F7F6F3;border:1px solid #E3E1DB;border-radius:10px;padding:10px 12px 12px}
.pd-card h2{margin:0 0 8px;font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;display:inline-block;padding-bottom:3px;border-bottom:2px solid var(--pud-gold)}
.pd-grid{display:grid;gap:9px 14px}.pd-grid.g1{grid-template-columns:1fr}.pd-grid.g2{grid-template-columns:repeat(2,1fr)}.pd-grid.g3{grid-template-columns:repeat(3,1fr)}
.pd-grid .span1{grid-column:span 1}.pd-grid .span2{grid-column:span 2}.pd-grid .span3{grid-column:1/-1}.pd-grid.g2 .span3,.pd-grid.g2 .span2{grid-column:1/-1}
.pd-f>b{display:block;font-size:9px;font-weight:700;margin-bottom:3px;letter-spacing:.02em}
.pd-box{min-height:.3in;padding:5px 8px;background:#fff;border:1.5px solid var(--pud-gold);border-radius:3px;white-space:pre-wrap;overflow-wrap:anywhere}
.pd-box.area{min-height:.5in}.pd-box.pd-sigbox i{font-family:"Brush Script MT","Segoe Script",cursive;font-size:16px}
.pd-static{margin:0;white-space:pre-wrap;font-size:10.5px}
.pd-checks{list-style:none;margin:0;padding:0;display:grid;gap:6px}.pd-checks.c2{grid-template-columns:repeat(2,1fr)}.pd-checks.c3{grid-template-columns:repeat(3,1fr)}
.pd-checks li{display:flex;gap:7px}.pd-checks .cb{font-size:14px;line-height:1;color:var(--pud-ink)}
.pd-t{width:100%;border-collapse:collapse;font-size:11px}.pd-t th{text-align:left;font-size:9px;letter-spacing:.04em;padding:5px 8px;background:var(--pud-ink);color:#fff}
.pd-t td{padding:6px 8px;border-bottom:1px solid #E3E1DB;background:#fff}.pd-t .r{text-align:right}.pd-t th:last-child{text-align:right}.pd-t .tot td{font-weight:800;background:#FBF3D6}
.pd-map{display:flex;align-items:center;justify-content:center;min-height:5.2in;background:#fff;border:1.5px dashed #BDBAB0;border-radius:4px;color:#9A978E;font-size:10px;letter-spacing:.06em}
.pd-map img{max-width:100%;max-height:6in;object-fit:contain}.pd-map.sm{min-height:2.1in}.pd-map.sm img{max-height:2.4in}
.pd-photos{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.pd-ph b{display:block;font-size:9px;margin-top:4px}
.pd-hint{font-weight:500!important;color:var(--pud-gray)}
.pd-sign{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,2fr) minmax(0,1fr);gap:10px}.pd-sign>div{min-width:0}.pd-box.pd-sigbox{min-height:.34in}.pd-sign span{display:block;font-size:8.5px;font-weight:700;color:var(--pud-gray);margin-bottom:3px}
.pd-ack{font-size:10px;color:var(--pud-gray);margin:6px 0 0}
.pd-acceptform{margin:12px .5in 12px;padding:14px 16px;background:#FBF3D6;border:1.5px solid var(--pud-gold);border-radius:10px}
.pd-acceptform h2{margin:0 0 4px;font-size:15px}.pd-acceptform p{margin:0 0 10px}
.pd-foot{margin-top:.24in;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:.2in .5in;background:var(--pud-ink);color:#fff;font-size:9.5px}
.pd-foot b{display:block;color:var(--pud-gold);font-size:9.5px;letter-spacing:.04em;margin-bottom:3px}.pd-fr{text-align:right;font-size:8.5px;color:#D6D6D6}
@page{size:letter;margin:0}
@media print{
  body.pdpage{background:#fff}.pd-toolbar,.pd-acceptform{display:none}
  .pd-page{margin:0;box-shadow:none;width:auto;min-height:10.96in;page-break-after:always;break-after:page;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .pd-page:last-child{page-break-after:auto}
}
@media screen and (max-width:8.6in){.pd-page{width:100%;min-height:0;margin:0}.pd-grid.g3{grid-template-columns:1fr}.pd-sign{grid-template-columns:1fr}.pd-photos{grid-template-columns:1fr}}

/* tighter pages so each template page fits one letter sheet */
.pd-body{gap:9px;margin-top:.14in}
.pd-card{padding:8px 11px 10px}
.pd-card h2{margin-bottom:6px}
.pd-grid{gap:6px 12px}
.pd-box{min-height:.24in;padding:3px 7px}
.pd-box.area{min-height:.42in}
.pd-f>b{margin-bottom:2px}
.pd-head{padding-top:.3in}
.pd-map{min-height:3.3in}.pd-map img{max-height:3.6in}.pd-map.big{min-height:6.4in}.pd-map.big img{max-height:7in}.pd-map.sm{min-height:2.1in}.pd-map.sm img{max-height:2.4in}

.lockbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;border-color:var(--pud-gold);background:#FBF3D6}
.lockset{border:0;padding:0;margin:0;min-width:0}
.lockset:disabled{opacity:.85}
.pd-notice{margin:12px auto 0;max-width:8.5in;padding:10px 14px;background:#FBF3D6;border:1.5px solid var(--pud-gold);border-radius:8px;font-size:13px}
@media print{.pd-notice{display:none}}

/* findings rows and photo cards on the report form */
.finding{padding:12px;border:1px solid var(--line);border-radius:10px;margin-bottom:10px;background:#fff}
.fnd-top{margin-bottom:8px;font-size:13px}
.fnd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:8px}
.photoadd{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.photoadd select{max-width:260px}
.photogrid .imgslot img{width:100%;max-height:260px}
.pd-fnd td{vertical-align:top}.pd-fnd .fd-detail td{border-top:0;color:#444;white-space:pre-wrap;padding-top:0}
.pd-meta{display:block;font-size:8.5px;color:var(--pud-gray);margin-top:2px}
@media (max-width:760px){.fnd-grid{grid-template-columns:1fr 1fr}}

/* ---- print styles: Classic (their own template look, the base rules above), Modern, Minimal. The switcher on the print page picks one. ---- */
.pd-styles{display:flex;gap:6px;align-items:center;font-size:13px;margin-left:auto}
.pd-styles a{padding:5px 12px;border:1px solid var(--line);border-radius:999px;color:inherit;text-decoration:none;background:#fff}
.pd-styles a[aria-current]{background:var(--pud-ink);border-color:var(--pud-ink);color:var(--pud-gold);font-weight:700}
/* Classic hides what only the newer looks use */
.st-classic .pd-hero,.st-classic .sw{display:none}
.st-classic .rs{padding:0;background:none;color:inherit;font-weight:400}
.st-classic .pd-cap .n{font-weight:700}.st-classic .pd-cap .n::after{content:" -"}.st-classic .pd-cap b{display:inline;font-size:9px}
.st-classic .pd-ph .pd-meta{display:block}

/* Modern and Minimal share: clean fields, APWA-colored findings, framed photos, key facts */
.st-modern .pd-hero,.st-minimal .pd-hero{display:flex;margin:.16in .5in 0}
.st-modern .pd-hero>div,.st-minimal .pd-hero>div{flex:1;min-width:0;padding:7px 12px;border-left:1px solid #E3E1DB}
.st-modern .pd-hero>div:first-child,.st-minimal .pd-hero>div:first-child{border-left:0}
.st-modern .pd-hero span,.st-minimal .pd-hero span{display:block;color:var(--pud-gray);font-size:8px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;margin-bottom:3px}
.st-modern .pd-hero b,.st-minimal .pd-hero b{display:block;font-size:13.5px;line-height:1.2;overflow-wrap:anywhere}
.st-modern .pd-f>b,.st-minimal .pd-f>b{color:var(--pud-gray);font-size:7.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;margin-bottom:2px}
.st-modern .pd-box,.st-minimal .pd-box{border:0;border-bottom:1px solid #CFCBC0;border-radius:0;background:transparent;padding:2px 0 3px;min-height:.2in;font-weight:600;font-size:11.5px}
.st-modern .pd-box.area,.st-minimal .pd-box.area{min-height:.4in;background:#FAF9F6;border:0;border-left:3px solid #E6D9A8;border-radius:3px;padding:6px 10px;font-weight:500}
.st-modern .pd-box.pd-sigbox,.st-minimal .pd-box.pd-sigbox{border-bottom:1.5px solid var(--pud-ink)}
.st-modern .pd-checks .cb,.st-minimal .pd-checks .cb{color:var(--pud-gold);font-size:15px}
.st-modern .pd-t,.st-minimal .pd-t{border-radius:6px;overflow:hidden}
.st-modern .pd-t td,.st-minimal .pd-t td{padding:4px 8px}
.st-modern .pd-t tbody tr:nth-child(even) td,.st-minimal .pd-t tbody tr:nth-child(even) td{background:#FAF9F6}
.st-modern .pd-fnd .uname,.st-minimal .pd-fnd .uname{white-space:nowrap}
.st-modern .pd-fnd .sw,.st-minimal .pd-fnd .sw{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px;vertical-align:-1px;background:#9A9A9A;box-shadow:0 0 0 2px #fff,0 0 0 3px #CFCBC0}
.u-blue .sw{background:#1F5FD6!important}.u-yellow .sw{background:#F2C200!important}.u-red .sw{background:#D92D20!important}.u-orange .sw{background:#F27B00!important}.u-green .sw{background:#2E9E4F!important}.u-purple .sw{background:#7B3FBF!important}
.st-modern .pd-fnd tr.fd-detail td,.st-minimal .pd-fnd tr.fd-detail td{background:#fff}
.st-modern .rs,.st-minimal .rs{display:inline-block;padding:1px 8px;border-radius:999px;font-size:9px;font-weight:700}
.rs-ok{background:#DDF2E3;color:#1B6B36}.rs-part{background:#FCEBC5;color:#8A5A00}.rs-none{background:#ECEBE7;color:#555}.rs-bad{background:#FADAD6;color:#A3271B}
.st-modern .pd-photos,.st-minimal .pd-photos{gap:16px}
.st-modern .pd-ph,.st-minimal .pd-ph{border:1px solid #E3E1DB;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.st-modern .pd-ph .pd-map,.st-minimal .pd-ph .pd-map{border:0;border-radius:0;background:#F2F1EE}
.st-modern .pd-cap,.st-minimal .pd-cap{padding:7px 10px 8px;border-top:3px solid var(--pud-gold)}
.st-modern .pd-cap .n,.st-minimal .pd-cap .n{display:inline-block;background:var(--pud-ink);color:var(--pud-gold);font-size:7.5px;font-weight:800;letter-spacing:.1em;padding:2px 7px;border-radius:3px;margin-bottom:4px}
.st-modern .pd-cap b,.st-minimal .pd-cap b{display:block;font-size:9.5px;margin:0}
.st-modern .pd-body,.st-minimal .pd-body{margin-top:.14in;gap:8px}
.st-modern .pd-card h2,.st-minimal .pd-card h2{display:flex;align-items:center;gap:8px;border:0;padding:0;margin:0 0 7px;font-size:10px;letter-spacing:.12em;color:var(--pud-ink)}
.st-modern .pd-card h2::after,.st-minimal .pd-card h2::after{content:"";flex:1;height:1px;background:#E3E1DB}
.st-modern .pd-grid,.st-minimal .pd-grid{gap:5px 12px}
.st-modern .pd-foot,.st-minimal .pd-foot{margin-top:.14in}
.pd-card,.pd-ph,.pd-fnd tr{break-inside:avoid;page-break-inside:avoid}

/* Modern: charcoal band with a gold slash, key facts in a bar, gold-edged cards, dark footer */
.st-modern .pd-head{position:relative;overflow:hidden;margin:0;padding:.22in .5in .2in;background:var(--pud-ink);border-bottom:0;align-items:center;color:#fff}
.st-modern .pd-head::before{content:"";position:absolute;right:-.5in;top:0;bottom:0;width:4.7in;background:var(--pud-gold);transform:skewX(-24deg);opacity:.95}
.st-modern .pd-head::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--pud-gold)}
.st-modern .pd-head>*{position:relative;z-index:1}
.st-modern .pd-brand .pd-logo{background:#fff;border-radius:8px;padding:6px 10px;height:.6in}
.st-modern .pd-brand .pd-logotext{color:#fff;font-size:22px;font-weight:800}
.st-modern .pd-title{flex:none;width:3.5in;color:var(--pud-ink)}
.st-modern .pd-title h1{color:var(--pud-ink);font-size:18px;margin-left:auto}
.st-modern .pd-tag{color:var(--pud-ink);font-size:9.5px}.st-modern .pd-title span{color:#2b2b2b;font-size:9.5px}
.st-modern .pd-hero{background:#fff;border:1px solid #E3E1DB;border-radius:10px;overflow:hidden;box-shadow:0 1px 0 #E3E1DB}
.st-modern .pd-hero .tot{background:var(--pud-ink);color:#fff}.st-modern .pd-hero .tot span{color:var(--pud-gold)}.st-modern .pd-hero .tot b{font-size:19px}
.st-modern .pd-card{background:#fff;border:1px solid #E3E1DB;border-left:4px solid var(--pud-gold);border-radius:4px 10px 10px 4px;padding:8px 13px 9px;box-shadow:0 1px 0 #ECEAE4}
.st-modern .pd-card h2::before{content:"";width:8px;height:8px;background:var(--pud-gold);transform:rotate(45deg);flex:none}
.st-modern .pd-t th{background:var(--pud-ink);color:var(--pud-gold);letter-spacing:.08em}
.st-modern .pd-t tr.tot td{background:var(--pud-gold);color:var(--pud-ink);font-weight:800;font-size:12px;border-bottom:0}
.st-modern .pd-foot{border-top:4px solid var(--pud-gold);padding:.16in .5in}

/* Minimal: white page, a short gold rule, no boxes, light footer. Quiet and easy to read. */
.st-minimal .pd-head{margin:0 .5in;padding:.4in 0 .16in;border-bottom:0;align-items:flex-end;position:relative}
.st-minimal .pd-head::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:#D9D6CE}
.st-minimal .pd-head::before{content:"";position:absolute;left:0;bottom:-1px;width:1.1in;height:4px;background:var(--pud-gold);z-index:1}
.st-minimal .pd-brand .pd-logo{height:.6in}.st-minimal .pd-brand .pd-logotext{font-size:22px;font-weight:800}
.st-minimal .pd-title h1{font-size:16px;font-weight:700;letter-spacing:.02em}
.st-minimal .pd-hero{padding:0;border:0;margin-top:.2in;border-bottom:1px solid #E3E1DB;padding-bottom:.14in}
.st-minimal .pd-hero>div{padding:0 14px 0 0;border-left:0}.st-minimal .pd-hero b{font-size:15px}
.st-minimal .pd-hero .tot b{color:#8A6500;font-size:19px}
.st-minimal .pd-card{background:transparent;border:0;border-radius:0;padding:4px 0 8px}
.st-minimal .pd-card h2::before{content:"";width:18px;height:3px;background:var(--pud-gold);flex:none}
.st-minimal .pd-t th{background:transparent;color:var(--pud-gray);border-bottom:2px solid var(--pud-gold);letter-spacing:.08em}
.st-minimal .pd-t tbody tr:nth-child(even) td{background:transparent}
.st-minimal .pd-t tr.tot td{background:transparent;border-top:2px solid var(--pud-ink);font-weight:800;font-size:12px}
.st-minimal .pd-foot{background:transparent;color:var(--pud-ink);border-top:1px solid #D9D6CE;margin:.14in .5in 0;padding:.12in 0 .3in}
.st-minimal .pd-foot b{color:#8A6500}.st-minimal .pd-fr{color:var(--pud-gray)}
@media screen and (max-width:8.6in){.st-modern .pd-head::before{width:1.4in}.pd-hero{flex-wrap:wrap}.pd-hero>div{flex:1 1 45%}.pd-styles{margin-left:0}}

/* ---- the kit's own customer copies (quotes and invoices) in the same three looks as proposals and reports.
   The look comes from html[data-docs], set from the saved design (customers) or the demo's panel pick. ---- */
.doc{-webkit-print-color-adjust:exact;print-color-adjust:exact}
html[data-docs] .doc .ledger th{font-size:11px;letter-spacing:.07em;text-transform:uppercase}
html[data-docs=classic] .doc-head{border-bottom:3px solid var(--pud-gold);padding-bottom:16px}
html[data-docs=classic] .doc-meta b{text-transform:uppercase}
html[data-docs=classic] .doc-due{border-top-color:var(--pud-gold)}
html[data-docs=classic] .doc-foot{background:var(--pud-ink);color:#fff;padding:14px 18px;border-radius:6px;font-size:11px}
html[data-docs=modern] .doc-head{position:relative;overflow:hidden;background:var(--pud-ink);border-radius:10px;padding:22px 26px;align-items:center;margin-bottom:28px}
html[data-docs=modern] .doc-head::before{content:"";position:absolute;right:-30px;top:0;bottom:0;width:270px;background:var(--pud-gold);transform:skewX(-24deg)}
html[data-docs=modern] .doc-head::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--pud-gold)}
html[data-docs=modern] .doc-head>*{position:relative;z-index:1}
html[data-docs=modern] .doc-logo{color:#fff}html[data-docs=modern] .doc-logo-sub{color:rgba(255,255,255,.75)}
html[data-docs=modern] .doc-logo-img{background:#fff;border-radius:6px;padding:4px 8px}
html[data-docs=modern] .doc-meta,html[data-docs=modern] .doc-meta b,html[data-docs=modern] .doc-meta span{color:var(--brand-on,#171717)}
html[data-docs=modern] .doc-to{border:1px solid #E3E1DB;border-left:4px solid var(--pud-gold);border-radius:4px 10px 10px 4px;padding:12px 16px}
html[data-docs=modern] .doc .ledger th{background:var(--pud-ink);color:var(--pud-gold);padding:9px 12px;border:0}
html[data-docs=modern] .doc .ledger th:first-child,html[data-docs=modern] .doc .ledger td:first-child{padding-left:12px}
html[data-docs=modern] .doc .ledger th:last-child,html[data-docs=modern] .doc .ledger td:last-child{padding-right:12px}
html[data-docs=modern] .doc .ledger tfoot td{background:var(--pud-gold);color:var(--brand-on,#171717);font-weight:800;border-top:0}
html[data-docs=modern] .doc-due{background:var(--pud-ink);color:#fff;border:0;border-radius:10px;padding:14px 20px}
html[data-docs=modern] .doc-due span{color:rgba(255,255,255,.75)}html[data-docs=modern] .doc-due b{color:var(--pud-gold)}
html[data-docs=modern] .doc-accept{border:1px solid #E3E1DB;border-left:4px solid var(--pud-gold);background:#fff}
html[data-docs=modern] .doc-foot{border-top:4px solid var(--pud-gold);padding-top:14px}
html[data-docs=minimal] .doc-head{position:relative;border-bottom:1px solid #D9D6CE;padding-bottom:18px}
html[data-docs=minimal] .doc-head::after{content:"";position:absolute;left:0;bottom:-1px;width:70px;height:4px;background:var(--pud-gold)}
html[data-docs=minimal] .doc-meta b{font-size:16px;letter-spacing:.02em}
html[data-docs=minimal] .doc .ledger th{color:var(--pud-gray);border-top:0;border-bottom:2px solid var(--pud-gold)}
html[data-docs=minimal] .doc .ledger tfoot td{border-top:2px solid var(--pud-ink);font-weight:800}
html[data-docs=minimal] .doc-due{border-top:1px solid #D9D6CE}html[data-docs=minimal] .doc-due b{color:#8A6500}
html[data-docs=minimal] .doc-foot{border-top:1px solid #D9D6CE;padding-top:12px}

/* the "start a report" row on a phone: each picker and button gets its own full-width line */
@media (max-width:760px){.newbar{display:flex;flex-direction:column;gap:14px}.newdoc{display:flex;flex-direction:column;gap:8px;width:100%}.newdoc select,.newdoc .btn{width:100%;max-width:none}}

/* Wade's proposal page: where the online approval stands */
.pd-online p{margin:0 0 10px;line-height:1.5}
.pd-linkrow{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pd-linkrow input{flex:1 1 260px;min-width:0}