/* Only the vent report dialog; soffit and calculator layouts are unaffected. */
#vent-report-dialog {
    box-sizing: border-box; position: fixed; inset: 0; margin: 0;
    width: 100%; height: 100%; height: 100dvh; max-width: none; max-height: none;
    border: 0; padding: 0; overflow: hidden; background: #eef0f3; color: #16242d;
}
#vent-report-dialog::backdrop { background: #eef0f3; }
#vent-report-dialog .vent-report-shell {
    box-sizing: border-box; height: 100%; display: flex; flex-direction: column;
    padding: env(safe-area-inset-top, 0px) max(12px, env(safe-area-inset-right, 0px)) env(safe-area-inset-bottom, 0px) max(12px, env(safe-area-inset-left, 0px));
}
#vent-report-dialog .vent-report-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 0; }
#vent-report-dialog h2 { font-size: 18px; margin: 0; }
#vent-report-dialog .vent-report-toolbar { display: flex; flex-wrap: wrap; gap: 8px; }
#vent-report-dialog .btn { min-height: 44px; }
#vent-report-dialog .vent-report-zoom-controls { display: flex; gap: 4px; margin-left: auto; }
#vent-report-dialog .vent-report-zoom-controls .btn { min-width: 44px; padding: 6px 10px; font-size: 20px; line-height: 1; }
#vent-report-save[hidden] { display: none; }
#vent-report-message, #attic-calculator-form #vent-pdf-status {
    flex: 0 0 auto; font-size: 14px; font-weight: 600; line-height: 1.4;
    margin: 10px 0 0; padding: 10px 12px; border-left: 4px solid #156eac;
    border-radius: 4px; color: #123f66; background: #e0efff; overflow-wrap: anywhere;
}
#vent-report-message[hidden], #attic-calculator-form #vent-pdf-status[hidden] { display: none; }
#vent-report-message[data-tone="error"], #attic-calculator-form #vent-pdf-status[data-tone="error"] { color: #842029; background: #f8d7da; border-left-color: #b02a37; }
#vent-report-scroll { flex: 1; min-height: 0; overflow: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; touch-action: pan-x pan-y; padding: 12px 0; }
#vent-report-layout { position: relative; margin: 0 auto; }
#vent-report-page { position: relative; margin: 0; transform-origin: 0 0; background: white; box-shadow: 0 2px 8px #0002; }
#vent-report-page canvas { display: block; }
#vent-report-page .vent-report-link { position: absolute; display: block; background: transparent; }
#vent-report-page .vent-report-link:focus-visible { outline: 3px solid #156eac; background: #156eac22; }