/* Exact full-page A4 official form overlay */
.official-form-card{margin:24px auto 60px;width:100%;padding:0}
.official-actions{display:flex;gap:10px;margin:0 auto 16px;justify-content:center;flex-wrap:wrap;position:sticky;top:8px;z-index:20}
.official-stage{width:100%;overflow:auto;padding:10px 0 30px}
.official-sheet{position:relative;width:min(1240px,96vw);aspect-ratio:1654/2339;margin:0 auto;background:#fff;box-shadow:0 24px 80px rgba(17,45,36,.20);direction:rtl;border:1px solid #cbdad4;overflow:hidden}
.official-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:0;pointer-events:none;user-select:none}
/* The PDF image contains A4 white margins. All field coordinates are relative to the black bordered form itself. */
.official-overlay{position:absolute;left:5.26%;top:10.09%;width:90.75%;height:78.92%;z-index:2;direction:rtl}
.off-input{position:absolute;z-index:2;border:1px solid transparent;background:rgba(255,248,185,.10);padding:0 3px;font-family:Arial,'Tajawal',sans-serif;font-size:clamp(10px,.86vw,13px);font-weight:700;text-align:center;outline:0;color:#000;line-height:1.05;border-radius:2px}
.off-input:hover{background:rgba(255,245,140,.25)}
.off-input:focus{background:rgba(255,242,120,.55);border-color:#0f6b4f;box-shadow:0 0 0 1px rgba(15,107,79,.25)}
.off-input.ltr{direction:ltr}
.off-check{position:absolute;z-index:4;display:block;margin:0;padding:0;cursor:pointer}
.off-check input{position:absolute;inset:0;width:100%;height:100%;margin:0;appearance:none;-webkit-appearance:none;border:0;background:transparent;cursor:pointer;border-radius:1px}
.off-check:hover{outline:1px dashed rgba(15,107,79,.7);background:rgba(15,107,79,.06)}
.off-check input:checked::after{content:'✓';position:absolute;inset:-16% -10% auto auto;width:120%;height:120%;display:grid;place-items:center;font-size:clamp(13px,1.25vw,20px);line-height:1;font-family:Arial,sans-serif;font-weight:900;color:#000}
.off-value{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;font-family:Arial,'Tajawal',sans-serif;font-size:11px;font-weight:700;color:#000;text-align:center;line-height:1.05}
.off-value.ltr{direction:ltr}
.off-tick{position:absolute;z-index:3;display:grid;place-items:center;font-size:18px;font-weight:900;color:#000}
.official-view{margin:18px auto 40px;width:min(1240px,96vw)}
.print-toolbar{display:flex;justify-content:center;gap:10px;margin:16px auto;flex-wrap:wrap}
.print-note{text-align:center;color:#52645d;margin:0 0 12px}
@media(max-width:780px){.official-stage{overflow-x:auto}.official-sheet{width:1050px;max-width:none}.off-input{font-size:11px}}
@media print{
  .no-print,.topbar,.print-toolbar,.print-note{display:none!important}
  @page{size:A4 portrait;margin:0}
  html,body{margin:0!important;padding:0!important;background:#fff!important;width:210mm!important;height:297mm!important}
  .hero,.container{width:210mm!important;max-width:none!important;margin:0!important;padding:0!important}
  .official-form-card,.official-view,.official-stage{margin:0!important;padding:0!important;width:210mm!important;height:297mm!important;overflow:visible!important}
  .official-sheet{width:210mm!important;height:297mm!important;min-width:0!important;max-width:none!important;aspect-ratio:auto!important;box-shadow:none!important;border:0!important;margin:0!important;overflow:hidden!important;page-break-inside:avoid;break-inside:avoid}
  .official-bg{display:block!important;position:absolute!important;inset:0!important;width:210mm!important;height:297mm!important;object-fit:fill!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
  .off-input{background:transparent!important;border:0!important;box-shadow:none!important;color:#000!important;font-size:8.2pt!important;padding:0 1px!important}
  .off-value{font-size:8.2pt!important;color:#000!important}
  .off-check:hover{outline:0;background:transparent}
  .off-check input{appearance:none;-webkit-appearance:none;background:transparent;border:0}
  .off-check input:checked::after{content:'✓';position:absolute;inset:-12% -8% auto auto;width:116%;height:116%;display:grid;place-items:center;font-size:11pt;font-weight:900;color:#000}
  .official-actions{display:none!important}
}