@cyberskill/design 1.6.0 → 1.7.0

package/templates/vn-exit-handover/support.js

@@ -115,11 +115,18 @@
       padding:6px 10px;background:#b00020;color:#fff;font:12px/1.4 ui-monospace,monospace;
       border-radius:4px;white-space:pre-wrap;pointer-events:none}
     /* Mirrors PRINT_BASELINE_CSS in apps/web deck-stage-export.ts \u2014 keep both
-       in sync until dc-runtime regains a build step. */
+       in sync until dc-runtime regains a build step.
+       FULL_PAGE_CSS sets height:100% for screen; Safari/iOS print clips to that
+       viewport and can show a blank page unless the root chain is unlocked. */
     @media print {
       @page { margin: 0.5cm; }
       figure, table { break-inside: avoid; }
-      #dc-root, #dc-root > .sc-host { height: auto; }
+      html, body, #dc-root, #dc-root > .sc-host {
+        height: auto !important;
+        min-height: 0 !important;
+        max-height: none !important;
+        overflow: visible !important;
+      }
       *, *::before, *::after {
         print-color-adjust: exact; -webkit-print-color-adjust: exact;
         backdrop-filter: none !important; -webkit-backdrop-filter: none !important;

package/templates/vn-foreign-employee-pack/support.js

@@ -115,11 +115,18 @@
       padding:6px 10px;background:#b00020;color:#fff;font:12px/1.4 ui-monospace,monospace;
       border-radius:4px;white-space:pre-wrap;pointer-events:none}
     /* Mirrors PRINT_BASELINE_CSS in apps/web deck-stage-export.ts \u2014 keep both
-       in sync until dc-runtime regains a build step. */
+       in sync until dc-runtime regains a build step.
+       FULL_PAGE_CSS sets height:100% for screen; Safari/iOS print clips to that
+       viewport and can show a blank page unless the root chain is unlocked. */
     @media print {
       @page { margin: 0.5cm; }
       figure, table { break-inside: avoid; }
-      #dc-root, #dc-root > .sc-host { height: auto; }
+      html, body, #dc-root, #dc-root > .sc-host {
+        height: auto !important;
+        min-height: 0 !important;
+        max-height: none !important;
+        overflow: visible !important;
+      }
       *, *::before, *::after {
         print-color-adjust: exact; -webkit-print-color-adjust: exact;
         backdrop-filter: none !important; -webkit-backdrop-filter: none !important;

package/templates/vn-framework-agreement/VnFrameworkAgreement.dc.html

@@ -9,7 +9,7 @@
 </head>
 <body>
 <x-dc>
-<!-- @template name="HR Suite · Hợp đồng nguyên tắc — Framework Agreement" description="Commercial framework agreement for software services & account provisioning (specimen: Ban QLDA Bình Quới) — Party blocks, subject matter, delivery & payment, responsibilities, general terms, dual signature. A4, VN·EN stacked, print-ready. Counsel review before real use. Not an employment instrument." -->
+<!-- @template name="HR Suite · Hợp đồng nguyên tắc — Framework Agreement" description="Commercial framework agreement for software services & account provisioning (specimen: Ban QLDA Bình Quới) — Party blocks, subject matter, delivery & payment, responsibilities, general terms, dual signature. A4, VN·EN stacked, print-ready. Not an employment instrument." -->
 <helmet>
 <script src="./ds-base.js"></script>
 <style>@page{size:A4;margin:23mm 20mm 20mm 20mm}@media print{html,body{background:#fff!important}.cs-desk{background:#fff!important;padding:0!important;min-height:0!important}.cs-sheet{box-shadow:none!important;border:none!important;max-width:none!important;border-radius:0!important;padding:0!important}.cs-avoid{break-inside:avoid}}</style>
@@ -21,8 +21,6 @@
       <b style="color:var(--cs-color-brand-umber)">CyberSkill</b><span>· Hợp đồng nguyên tắc (dịch vụ &amp; tài khoản phần mềm)</span><span style="margin-left:auto;font-family:var(--cs-font-family-mono)">Số/No. <span style="background:var(--cs-doc-fill);padding:0 3px">.....</span>/2026/HĐNT-CYBERSKILL</span>
     </div>
 
-    <div class="cs-avoid" style="border:1.5px solid var(--cs-color-semantic-warning);background:#FDF6EC;border-radius:var(--cs-radius-md);padding:10px 14px;margin-bottom:14px;font-size:12px;line-height:1.55;color:var(--cs-color-semantic-warning);font-weight:600">⚠ Cần luật sư / tư vấn pháp lý rà soát trước khi dùng thật — đây là hợp đồng thương mại (không phải quan hệ lao động). <span style="font-weight:400">· Counsel review required before real use — commercial framework (not employment).</span></div>
-
     <div class="cs-avoid" style="display:grid;grid-template-columns:1.15fr 1fr;gap:20px;margin-bottom:18px">
       <div><div style="font-weight:800;font-size:11.5px;line-height:1.45">CÔNG TY CỔ PHẦN TƯ VẤN VÀ PHÁT TRIỂN GIẢI PHÁP PHẦN MỀM CYBERSKILL</div><div style="font-size:10px;color:var(--cs-doc-slate);font-style:italic;line-height:1.45;margin-top:2px">CyberSkill Software Solutions Consultancy and Development Joint Stock Company</div></div>
       <div style="text-align:center"><div style="font-weight:800;font-size:11.5px;line-height:1.5">CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM</div><div style="font-weight:700;font-size:11px">Độc lập - Tự do - Hạnh phúc</div><div style="letter-spacing:0.1em;font-size:10px;margin:1px 0">———————————</div><div style="font-size:9.5px;color:var(--cs-doc-slate);font-style:italic;line-height:1.4">The Socialist Republic of Vietnam · Independence - Freedom - Happiness</div><div style="font-size:10.5px;margin-top:4px">Thành phố Hồ Chí Minh, ngày <span style="background:var(--cs-doc-fill);padding:0 3px">...</span> tháng <span style="background:var(--cs-doc-fill);padding:0 3px">...</span> năm <span style="background:var(--cs-doc-fill);padding:0 3px">...</span></div></div>

package/templates/vn-framework-agreement/support.js

@@ -115,11 +115,18 @@
       padding:6px 10px;background:#b00020;color:#fff;font:12px/1.4 ui-monospace,monospace;
       border-radius:4px;white-space:pre-wrap;pointer-events:none}
     /* Mirrors PRINT_BASELINE_CSS in apps/web deck-stage-export.ts \u2014 keep both
-       in sync until dc-runtime regains a build step. */
+       in sync until dc-runtime regains a build step.
+       FULL_PAGE_CSS sets height:100% for screen; Safari/iOS print clips to that
+       viewport and can show a blank page unless the root chain is unlocked. */
     @media print {
       @page { margin: 0.5cm; }
       figure, table { break-inside: avoid; }
-      #dc-root, #dc-root > .sc-host { height: auto; }
+      html, body, #dc-root, #dc-root > .sc-host {
+        height: auto !important;
+        min-height: 0 !important;
+        max-height: none !important;
+        overflow: visible !important;
+      }
       *, *::before, *::after {
         print-color-adjust: exact; -webkit-print-color-adjust: exact;
         backdrop-filter: none !important; -webkit-backdrop-filter: none !important;

package/templates/vn-grassroots-democracy/support.js

@@ -115,11 +115,18 @@
       padding:6px 10px;background:#b00020;color:#fff;font:12px/1.4 ui-monospace,monospace;
       border-radius:4px;white-space:pre-wrap;pointer-events:none}
     /* Mirrors PRINT_BASELINE_CSS in apps/web deck-stage-export.ts \u2014 keep both
-       in sync until dc-runtime regains a build step. */
+       in sync until dc-runtime regains a build step.
+       FULL_PAGE_CSS sets height:100% for screen; Safari/iOS print clips to that
+       viewport and can show a blank page unless the root chain is unlocked. */
     @media print {
       @page { margin: 0.5cm; }
       figure, table { break-inside: avoid; }
-      #dc-root, #dc-root > .sc-host { height: auto; }
+      html, body, #dc-root, #dc-root > .sc-host {
+        height: auto !important;
+        min-height: 0 !important;
+        max-height: none !important;
+        overflow: visible !important;
+      }
       *, *::before, *::after {
         print-color-adjust: exact; -webkit-print-color-adjust: exact;
         backdrop-filter: none !important; -webkit-backdrop-filter: none !important;

package/templates/vn-infosec-policy/support.js

@@ -115,11 +115,18 @@
       padding:6px 10px;background:#b00020;color:#fff;font:12px/1.4 ui-monospace,monospace;
       border-radius:4px;white-space:pre-wrap;pointer-events:none}
     /* Mirrors PRINT_BASELINE_CSS in apps/web deck-stage-export.ts \u2014 keep both
-       in sync until dc-runtime regains a build step. */
+       in sync until dc-runtime regains a build step.
+       FULL_PAGE_CSS sets height:100% for screen; Safari/iOS print clips to that
+       viewport and can show a blank page unless the root chain is unlocked. */
     @media print {
       @page { margin: 0.5cm; }
       figure, table { break-inside: avoid; }
-      #dc-root, #dc-root > .sc-host { height: auto; }
+      html, body, #dc-root, #dc-root > .sc-host {
+        height: auto !important;
+        min-height: 0 !important;
+        max-height: none !important;
+        overflow: visible !important;
+      }
       *, *::before, *::after {
         print-color-adjust: exact; -webkit-print-color-adjust: exact;
         backdrop-filter: none !important; -webkit-backdrop-filter: none !important;

package/templates/vn-internal-labor-regulations/support.js

@@ -115,11 +115,18 @@
       padding:6px 10px;background:#b00020;color:#fff;font:12px/1.4 ui-monospace,monospace;
       border-radius:4px;white-space:pre-wrap;pointer-events:none}
     /* Mirrors PRINT_BASELINE_CSS in apps/web deck-stage-export.ts \u2014 keep both
-       in sync until dc-runtime regains a build step. */
+       in sync until dc-runtime regains a build step.
+       FULL_PAGE_CSS sets height:100% for screen; Safari/iOS print clips to that
+       viewport and can show a blank page unless the root chain is unlocked. */
     @media print {
       @page { margin: 0.5cm; }
       figure, table { break-inside: avoid; }
-      #dc-root, #dc-root > .sc-host { height: auto; }
+      html, body, #dc-root, #dc-root > .sc-host {
+        height: auto !important;
+        min-height: 0 !important;
+        max-height: none !important;
+        overflow: visible !important;
+      }
       *, *::before, *::after {
         print-color-adjust: exact; -webkit-print-color-adjust: exact;
         backdrop-filter: none !important; -webkit-backdrop-filter: none !important;

package/templates/vn-internship-agreement/support.js

@@ -115,11 +115,18 @@
       padding:6px 10px;background:#b00020;color:#fff;font:12px/1.4 ui-monospace,monospace;
       border-radius:4px;white-space:pre-wrap;pointer-events:none}
     /* Mirrors PRINT_BASELINE_CSS in apps/web deck-stage-export.ts \u2014 keep both
-       in sync until dc-runtime regains a build step. */
+       in sync until dc-runtime regains a build step.
+       FULL_PAGE_CSS sets height:100% for screen; Safari/iOS print clips to that
+       viewport and can show a blank page unless the root chain is unlocked. */
     @media print {
       @page { margin: 0.5cm; }
       figure, table { break-inside: avoid; }
-      #dc-root, #dc-root > .sc-host { height: auto; }
+      html, body, #dc-root, #dc-root > .sc-host {
+        height: auto !important;
+        min-height: 0 !important;
+        max-height: none !important;
+        overflow: visible !important;
+      }
       *, *::before, *::after {
         print-color-adjust: exact; -webkit-print-color-adjust: exact;
         backdrop-filter: none !important; -webkit-backdrop-filter: none !important;

package/templates/vn-job-description/support.js

@@ -115,11 +115,18 @@
       padding:6px 10px;background:#b00020;color:#fff;font:12px/1.4 ui-monospace,monospace;
       border-radius:4px;white-space:pre-wrap;pointer-events:none}
     /* Mirrors PRINT_BASELINE_CSS in apps/web deck-stage-export.ts \u2014 keep both
-       in sync until dc-runtime regains a build step. */
+       in sync until dc-runtime regains a build step.
+       FULL_PAGE_CSS sets height:100% for screen; Safari/iOS print clips to that
+       viewport and can show a blank page unless the root chain is unlocked. */
     @media print {
       @page { margin: 0.5cm; }
       figure, table { break-inside: avoid; }
-      #dc-root, #dc-root > .sc-host { height: auto; }
+      html, body, #dc-root, #dc-root > .sc-host {
+        height: auto !important;
+        min-height: 0 !important;
+        max-height: none !important;
+        overflow: visible !important;
+      }
       *, *::before, *::after {
         print-color-adjust: exact; -webkit-print-color-adjust: exact;
         backdrop-filter: none !important; -webkit-backdrop-filter: none !important;

package/templates/vn-labor-contract/support.js

@@ -115,11 +115,18 @@
       padding:6px 10px;background:#b00020;color:#fff;font:12px/1.4 ui-monospace,monospace;
       border-radius:4px;white-space:pre-wrap;pointer-events:none}
     /* Mirrors PRINT_BASELINE_CSS in apps/web deck-stage-export.ts \u2014 keep both
-       in sync until dc-runtime regains a build step. */
+       in sync until dc-runtime regains a build step.
+       FULL_PAGE_CSS sets height:100% for screen; Safari/iOS print clips to that
+       viewport and can show a blank page unless the root chain is unlocked. */
     @media print {
       @page { margin: 0.5cm; }
       figure, table { break-inside: avoid; }
-      #dc-root, #dc-root > .sc-host { height: auto; }
+      html, body, #dc-root, #dc-root > .sc-host {
+        height: auto !important;
+        min-height: 0 !important;
+        max-height: none !important;
+        overflow: visible !important;
+      }
       *, *::before, *::after {
         print-color-adjust: exact; -webkit-print-color-adjust: exact;
         backdrop-filter: none !important; -webkit-backdrop-filter: none !important;

package/templates/vn-labour-management-book/support.js

@@ -115,11 +115,18 @@
       padding:6px 10px;background:#b00020;color:#fff;font:12px/1.4 ui-monospace,monospace;
       border-radius:4px;white-space:pre-wrap;pointer-events:none}
     /* Mirrors PRINT_BASELINE_CSS in apps/web deck-stage-export.ts \u2014 keep both
-       in sync until dc-runtime regains a build step. */
+       in sync until dc-runtime regains a build step.
+       FULL_PAGE_CSS sets height:100% for screen; Safari/iOS print clips to that
+       viewport and can show a blank page unless the root chain is unlocked. */
     @media print {
       @page { margin: 0.5cm; }
       figure, table { break-inside: avoid; }
-      #dc-root, #dc-root > .sc-host { height: auto; }
+      html, body, #dc-root, #dc-root > .sc-host {
+        height: auto !important;
+        min-height: 0 !important;
+        max-height: none !important;
+        overflow: visible !important;
+      }
       *, *::before, *::after {
         print-color-adjust: exact; -webkit-print-color-adjust: exact;
         backdrop-filter: none !important; -webkit-backdrop-filter: none !important;

package/templates/vn-mutual-nda/support.js

@@ -115,11 +115,18 @@
       padding:6px 10px;background:#b00020;color:#fff;font:12px/1.4 ui-monospace,monospace;
       border-radius:4px;white-space:pre-wrap;pointer-events:none}
     /* Mirrors PRINT_BASELINE_CSS in apps/web deck-stage-export.ts \u2014 keep both
-       in sync until dc-runtime regains a build step. */
+       in sync until dc-runtime regains a build step.
+       FULL_PAGE_CSS sets height:100% for screen; Safari/iOS print clips to that
+       viewport and can show a blank page unless the root chain is unlocked. */
     @media print {
       @page { margin: 0.5cm; }
       figure, table { break-inside: avoid; }
-      #dc-root, #dc-root > .sc-host { height: auto; }
+      html, body, #dc-root, #dc-root > .sc-host {
+        height: auto !important;
+        min-height: 0 !important;
+        max-height: none !important;
+        overflow: visible !important;
+      }
       *, *::before, *::after {
         print-color-adjust: exact; -webkit-print-color-adjust: exact;
         backdrop-filter: none !important; -webkit-backdrop-filter: none !important;

package/templates/vn-ndnca-ip/support.js

@@ -115,11 +115,18 @@
       padding:6px 10px;background:#b00020;color:#fff;font:12px/1.4 ui-monospace,monospace;
       border-radius:4px;white-space:pre-wrap;pointer-events:none}
     /* Mirrors PRINT_BASELINE_CSS in apps/web deck-stage-export.ts \u2014 keep both
-       in sync until dc-runtime regains a build step. */
+       in sync until dc-runtime regains a build step.
+       FULL_PAGE_CSS sets height:100% for screen; Safari/iOS print clips to that
+       viewport and can show a blank page unless the root chain is unlocked. */
     @media print {
       @page { margin: 0.5cm; }
       figure, table { break-inside: avoid; }
-      #dc-root, #dc-root > .sc-host { height: auto; }
+      html, body, #dc-root, #dc-root > .sc-host {
+        height: auto !important;
+        min-height: 0 !important;
+        max-height: none !important;
+        overflow: visible !important;
+      }
       *, *::before, *::after {
         print-color-adjust: exact; -webkit-print-color-adjust: exact;
         backdrop-filter: none !important; -webkit-backdrop-filter: none !important;

package/templates/vn-offer-letter/support.js

@@ -115,11 +115,18 @@
       padding:6px 10px;background:#b00020;color:#fff;font:12px/1.4 ui-monospace,monospace;
       border-radius:4px;white-space:pre-wrap;pointer-events:none}
     /* Mirrors PRINT_BASELINE_CSS in apps/web deck-stage-export.ts \u2014 keep both
-       in sync until dc-runtime regains a build step. */
+       in sync until dc-runtime regains a build step.
+       FULL_PAGE_CSS sets height:100% for screen; Safari/iOS print clips to that
+       viewport and can show a blank page unless the root chain is unlocked. */
     @media print {
       @page { margin: 0.5cm; }
       figure, table { break-inside: avoid; }
-      #dc-root, #dc-root > .sc-host { height: auto; }
+      html, body, #dc-root, #dc-root > .sc-host {
+        height: auto !important;
+        min-height: 0 !important;
+        max-height: none !important;
+        overflow: visible !important;
+      }
       *, *::before, *::after {
         print-color-adjust: exact; -webkit-print-color-adjust: exact;
         backdrop-filter: none !important; -webkit-backdrop-filter: none !important;

package/templates/vn-onboarding-checklist/support.js

@@ -115,11 +115,18 @@
       padding:6px 10px;background:#b00020;color:#fff;font:12px/1.4 ui-monospace,monospace;
       border-radius:4px;white-space:pre-wrap;pointer-events:none}
     /* Mirrors PRINT_BASELINE_CSS in apps/web deck-stage-export.ts \u2014 keep both
-       in sync until dc-runtime regains a build step. */
+       in sync until dc-runtime regains a build step.
+       FULL_PAGE_CSS sets height:100% for screen; Safari/iOS print clips to that
+       viewport and can show a blank page unless the root chain is unlocked. */
     @media print {
       @page { margin: 0.5cm; }
       figure, table { break-inside: avoid; }
-      #dc-root, #dc-root > .sc-host { height: auto; }
+      html, body, #dc-root, #dc-root > .sc-host {
+        height: auto !important;
+        min-height: 0 !important;
+        max-height: none !important;
+        overflow: visible !important;
+      }
       *, *::before, *::after {
         print-color-adjust: exact; -webkit-print-color-adjust: exact;
         backdrop-filter: none !important; -webkit-backdrop-filter: none !important;

package/templates/vn-pdpl-consent/support.js

@@ -115,11 +115,18 @@
       padding:6px 10px;background:#b00020;color:#fff;font:12px/1.4 ui-monospace,monospace;
       border-radius:4px;white-space:pre-wrap;pointer-events:none}
     /* Mirrors PRINT_BASELINE_CSS in apps/web deck-stage-export.ts \u2014 keep both
-       in sync until dc-runtime regains a build step. */
+       in sync until dc-runtime regains a build step.
+       FULL_PAGE_CSS sets height:100% for screen; Safari/iOS print clips to that
+       viewport and can show a blank page unless the root chain is unlocked. */
     @media print {
       @page { margin: 0.5cm; }
       figure, table { break-inside: avoid; }
-      #dc-root, #dc-root > .sc-host { height: auto; }
+      html, body, #dc-root, #dc-root > .sc-host {
+        height: auto !important;
+        min-height: 0 !important;
+        max-height: none !important;
+        overflow: visible !important;
+      }
       *, *::before, *::after {
         print-color-adjust: exact; -webkit-print-color-adjust: exact;
         backdrop-filter: none !important; -webkit-backdrop-filter: none !important;

package/templates/vn-performance-evaluation-regulation/support.js

@@ -115,11 +115,18 @@
       padding:6px 10px;background:#b00020;color:#fff;font:12px/1.4 ui-monospace,monospace;
       border-radius:4px;white-space:pre-wrap;pointer-events:none}
     /* Mirrors PRINT_BASELINE_CSS in apps/web deck-stage-export.ts \u2014 keep both
-       in sync until dc-runtime regains a build step. */
+       in sync until dc-runtime regains a build step.
+       FULL_PAGE_CSS sets height:100% for screen; Safari/iOS print clips to that
+       viewport and can show a blank page unless the root chain is unlocked. */
     @media print {
       @page { margin: 0.5cm; }
       figure, table { break-inside: avoid; }
-      #dc-root, #dc-root > .sc-host { height: auto; }
+      html, body, #dc-root, #dc-root > .sc-host {
+        height: auto !important;
+        min-height: 0 !important;
+        max-height: none !important;
+        overflow: visible !important;
+      }
       *, *::before, *::after {
         print-color-adjust: exact; -webkit-print-color-adjust: exact;
         backdrop-filter: none !important; -webkit-backdrop-filter: none !important;

package/templates/vn-performance-review-form/support.js

@@ -115,11 +115,18 @@
       padding:6px 10px;background:#b00020;color:#fff;font:12px/1.4 ui-monospace,monospace;
       border-radius:4px;white-space:pre-wrap;pointer-events:none}
     /* Mirrors PRINT_BASELINE_CSS in apps/web deck-stage-export.ts \u2014 keep both
-       in sync until dc-runtime regains a build step. */
+       in sync until dc-runtime regains a build step.
+       FULL_PAGE_CSS sets height:100% for screen; Safari/iOS print clips to that
+       viewport and can show a blank page unless the root chain is unlocked. */
     @media print {
       @page { margin: 0.5cm; }
       figure, table { break-inside: avoid; }
-      #dc-root, #dc-root > .sc-host { height: auto; }
+      html, body, #dc-root, #dc-root > .sc-host {
+        height: auto !important;
+        min-height: 0 !important;
+        max-height: none !important;
+        overflow: visible !important;
+      }
       *, *::before, *::after {
         print-color-adjust: exact; -webkit-print-color-adjust: exact;
         backdrop-filter: none !important; -webkit-backdrop-filter: none !important;

package/templates/vn-phantom-stock/support.js

@@ -115,11 +115,18 @@
       padding:6px 10px;background:#b00020;color:#fff;font:12px/1.4 ui-monospace,monospace;
       border-radius:4px;white-space:pre-wrap;pointer-events:none}
     /* Mirrors PRINT_BASELINE_CSS in apps/web deck-stage-export.ts \u2014 keep both
-       in sync until dc-runtime regains a build step. */
+       in sync until dc-runtime regains a build step.
+       FULL_PAGE_CSS sets height:100% for screen; Safari/iOS print clips to that
+       viewport and can show a blank page unless the root chain is unlocked. */
     @media print {
       @page { margin: 0.5cm; }
       figure, table { break-inside: avoid; }
-      #dc-root, #dc-root > .sc-host { height: auto; }
+      html, body, #dc-root, #dc-root > .sc-host {
+        height: auto !important;
+        min-height: 0 !important;
+        max-height: none !important;
+        overflow: visible !important;
+      }
       *, *::before, *::after {
         print-color-adjust: exact; -webkit-print-color-adjust: exact;
         backdrop-filter: none !important; -webkit-backdrop-filter: none !important;

package/templates/vn-probation-contract/support.js

@@ -115,11 +115,18 @@
       padding:6px 10px;background:#b00020;color:#fff;font:12px/1.4 ui-monospace,monospace;
       border-radius:4px;white-space:pre-wrap;pointer-events:none}
     /* Mirrors PRINT_BASELINE_CSS in apps/web deck-stage-export.ts \u2014 keep both
-       in sync until dc-runtime regains a build step. */
+       in sync until dc-runtime regains a build step.
+       FULL_PAGE_CSS sets height:100% for screen; Safari/iOS print clips to that
+       viewport and can show a blank page unless the root chain is unlocked. */
     @media print {
       @page { margin: 0.5cm; }
       figure, table { break-inside: avoid; }
-      #dc-root, #dc-root > .sc-host { height: auto; }
+      html, body, #dc-root, #dc-root > .sc-host {
+        height: auto !important;
+        min-height: 0 !important;
+        max-height: none !important;
+        overflow: visible !important;
+      }
       *, *::before, *::after {
         print-color-adjust: exact; -webkit-print-color-adjust: exact;
         backdrop-filter: none !important; -webkit-backdrop-filter: none !important;

package/templates/vn-receipt-acknowledgement/support.js

@@ -115,11 +115,18 @@
       padding:6px 10px;background:#b00020;color:#fff;font:12px/1.4 ui-monospace,monospace;
       border-radius:4px;white-space:pre-wrap;pointer-events:none}
     /* Mirrors PRINT_BASELINE_CSS in apps/web deck-stage-export.ts \u2014 keep both
-       in sync until dc-runtime regains a build step. */
+       in sync until dc-runtime regains a build step.
+       FULL_PAGE_CSS sets height:100% for screen; Safari/iOS print clips to that
+       viewport and can show a blank page unless the root chain is unlocked. */
     @media print {
       @page { margin: 0.5cm; }
       figure, table { break-inside: avoid; }
-      #dc-root, #dc-root > .sc-host { height: auto; }
+      html, body, #dc-root, #dc-root > .sc-host {
+        height: auto !important;
+        min-height: 0 !important;
+        max-height: none !important;
+        overflow: visible !important;
+      }
       *, *::before, *::after {
         print-color-adjust: exact; -webkit-print-color-adjust: exact;
         backdrop-filter: none !important; -webkit-backdrop-filter: none !important;

package/templates/vn-remote-work-policy/support.js

@@ -115,11 +115,18 @@
       padding:6px 10px;background:#b00020;color:#fff;font:12px/1.4 ui-monospace,monospace;
       border-radius:4px;white-space:pre-wrap;pointer-events:none}
     /* Mirrors PRINT_BASELINE_CSS in apps/web deck-stage-export.ts \u2014 keep both
-       in sync until dc-runtime regains a build step. */
+       in sync until dc-runtime regains a build step.
+       FULL_PAGE_CSS sets height:100% for screen; Safari/iOS print clips to that
+       viewport and can show a blank page unless the root chain is unlocked. */
     @media print {
       @page { margin: 0.5cm; }
       figure, table { break-inside: avoid; }
-      #dc-root, #dc-root > .sc-host { height: auto; }
+      html, body, #dc-root, #dc-root > .sc-host {
+        height: auto !important;
+        min-height: 0 !important;
+        max-height: none !important;
+        overflow: visible !important;
+      }
       *, *::before, *::after {
         print-color-adjust: exact; -webkit-print-color-adjust: exact;
         backdrop-filter: none !important; -webkit-backdrop-filter: none !important;

package/templates/vn-resignation-letter/support.js

@@ -115,11 +115,18 @@
       padding:6px 10px;background:#b00020;color:#fff;font:12px/1.4 ui-monospace,monospace;
       border-radius:4px;white-space:pre-wrap;pointer-events:none}
     /* Mirrors PRINT_BASELINE_CSS in apps/web deck-stage-export.ts \u2014 keep both
-       in sync until dc-runtime regains a build step. */
+       in sync until dc-runtime regains a build step.
+       FULL_PAGE_CSS sets height:100% for screen; Safari/iOS print clips to that
+       viewport and can show a blank page unless the root chain is unlocked. */
     @media print {
       @page { margin: 0.5cm; }
       figure, table { break-inside: avoid; }
-      #dc-root, #dc-root > .sc-host { height: auto; }
+      html, body, #dc-root, #dc-root > .sc-host {
+        height: auto !important;
+        min-height: 0 !important;
+        max-height: none !important;
+        overflow: visible !important;
+      }
       *, *::before, *::after {
         print-color-adjust: exact; -webkit-print-color-adjust: exact;
         backdrop-filter: none !important; -webkit-backdrop-filter: none !important;

package/templates/vn-salary-scale/support.js

@@ -115,11 +115,18 @@
       padding:6px 10px;background:#b00020;color:#fff;font:12px/1.4 ui-monospace,monospace;
       border-radius:4px;white-space:pre-wrap;pointer-events:none}
     /* Mirrors PRINT_BASELINE_CSS in apps/web deck-stage-export.ts \u2014 keep both
-       in sync until dc-runtime regains a build step. */
+       in sync until dc-runtime regains a build step.
+       FULL_PAGE_CSS sets height:100% for screen; Safari/iOS print clips to that
+       viewport and can show a blank page unless the root chain is unlocked. */
     @media print {
       @page { margin: 0.5cm; }
       figure, table { break-inside: avoid; }
-      #dc-root, #dc-root > .sc-host { height: auto; }
+      html, body, #dc-root, #dc-root > .sc-host {
+        height: auto !important;
+        min-height: 0 !important;
+        max-height: none !important;
+        overflow: visible !important;
+      }
       *, *::before, *::after {
         print-color-adjust: exact; -webkit-print-color-adjust: exact;
         backdrop-filter: none !important; -webkit-backdrop-filter: none !important;

package/templates/vn-sow-appendix/support.js

@@ -115,11 +115,18 @@
       padding:6px 10px;background:#b00020;color:#fff;font:12px/1.4 ui-monospace,monospace;
       border-radius:4px;white-space:pre-wrap;pointer-events:none}
     /* Mirrors PRINT_BASELINE_CSS in apps/web deck-stage-export.ts \u2014 keep both
-       in sync until dc-runtime regains a build step. */
+       in sync until dc-runtime regains a build step.
+       FULL_PAGE_CSS sets height:100% for screen; Safari/iOS print clips to that
+       viewport and can show a blank page unless the root chain is unlocked. */
     @media print {
       @page { margin: 0.5cm; }
       figure, table { break-inside: avoid; }
-      #dc-root, #dc-root > .sc-host { height: auto; }
+      html, body, #dc-root, #dc-root > .sc-host {
+        height: auto !important;
+        min-height: 0 !important;
+        max-height: none !important;
+        overflow: visible !important;
+      }
       *, *::before, *::after {
         print-color-adjust: exact; -webkit-print-color-adjust: exact;
         backdrop-filter: none !important; -webkit-backdrop-filter: none !important;

package/templates/vn-termination-decision/support.js

@@ -115,11 +115,18 @@
       padding:6px 10px;background:#b00020;color:#fff;font:12px/1.4 ui-monospace,monospace;
       border-radius:4px;white-space:pre-wrap;pointer-events:none}
     /* Mirrors PRINT_BASELINE_CSS in apps/web deck-stage-export.ts \u2014 keep both
-       in sync until dc-runtime regains a build step. */
+       in sync until dc-runtime regains a build step.
+       FULL_PAGE_CSS sets height:100% for screen; Safari/iOS print clips to that
+       viewport and can show a blank page unless the root chain is unlocked. */
     @media print {
       @page { margin: 0.5cm; }
       figure, table { break-inside: avoid; }
-      #dc-root, #dc-root > .sc-host { height: auto; }
+      html, body, #dc-root, #dc-root > .sc-host {
+        height: auto !important;
+        min-height: 0 !important;
+        max-height: none !important;
+        overflow: visible !important;
+      }
       *, *::before, *::after {
         print-color-adjust: exact; -webkit-print-color-adjust: exact;
         backdrop-filter: none !important; -webkit-backdrop-filter: none !important;

package/templates/vn-total-rewards-appendix/support.js

@@ -115,11 +115,18 @@
       padding:6px 10px;background:#b00020;color:#fff;font:12px/1.4 ui-monospace,monospace;
       border-radius:4px;white-space:pre-wrap;pointer-events:none}
     /* Mirrors PRINT_BASELINE_CSS in apps/web deck-stage-export.ts \u2014 keep both
-       in sync until dc-runtime regains a build step. */
+       in sync until dc-runtime regains a build step.
+       FULL_PAGE_CSS sets height:100% for screen; Safari/iOS print clips to that
+       viewport and can show a blank page unless the root chain is unlocked. */
     @media print {
       @page { margin: 0.5cm; }
       figure, table { break-inside: avoid; }
-      #dc-root, #dc-root > .sc-host { height: auto; }
+      html, body, #dc-root, #dc-root > .sc-host {
+        height: auto !important;
+        min-height: 0 !important;
+        max-height: none !important;
+        overflow: visible !important;
+      }
       *, *::before, *::after {
         print-color-adjust: exact; -webkit-print-color-adjust: exact;
         backdrop-filter: none !important; -webkit-backdrop-filter: none !important;

package/templates/vn-training-commitment/support.js

@@ -115,11 +115,18 @@
       padding:6px 10px;background:#b00020;color:#fff;font:12px/1.4 ui-monospace,monospace;
       border-radius:4px;white-space:pre-wrap;pointer-events:none}
     /* Mirrors PRINT_BASELINE_CSS in apps/web deck-stage-export.ts \u2014 keep both
-       in sync until dc-runtime regains a build step. */
+       in sync until dc-runtime regains a build step.
+       FULL_PAGE_CSS sets height:100% for screen; Safari/iOS print clips to that
+       viewport and can show a blank page unless the root chain is unlocked. */
     @media print {
       @page { margin: 0.5cm; }
       figure, table { break-inside: avoid; }
-      #dc-root, #dc-root > .sc-host { height: auto; }
+      html, body, #dc-root, #dc-root > .sc-host {
+        height: auto !important;
+        min-height: 0 !important;
+        max-height: none !important;
+        overflow: visible !important;
+      }
       *, *::before, *::after {
         print-color-adjust: exact; -webkit-print-color-adjust: exact;
         backdrop-filter: none !important; -webkit-backdrop-filter: none !important;