html { color-scheme: light; }
body.offline-main { margin: 0; }
form#_target { height: auto !important; position: static !important; }
.offline-main > form { min-height: 100vh; }
.offline-main .tabellaprincipale { min-height: 100vh; }
#framemain { display: block; width: 100%; min-height: 320px; }
.offline-subprocedure { width: 100%; display: block; border: 0; background: white; }
.offline-detail[hidden] { display: none !important; }
.offline-warning { border: 1px solid #b68a3d; background: #fff8e7; color: #533a0e; padding: 14px; margin: 12px 8px; font: 13px/1.5 Arial, sans-serif; text-align: left; }
.offline-warning strong { font-size: 15px; }
.offline-message { max-width: 900px; margin: 50px auto; padding: 24px; font: 16px/1.6 Arial, sans-serif; }
.offline-message pre { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 12px; }
.offline-message a { color: #8b1424; }
.offline-zoomable { cursor: zoom-in; }
#offline-image-dialog { width: min(1100px, 92vw); height: 88vh; padding: 12px; border: 1px solid #777; border-radius: 5px; background: #f6f6f6; }
#offline-image-dialog::backdrop { background: #0009; }
.offline-zoom-toolbar { display: flex; align-items: center; gap: 8px; font: 14px Arial, sans-serif; }
.offline-zoom-toolbar button, .offline-zoom-toolbar a { padding: 7px 12px; cursor: pointer; }
.offline-zoom-toolbar [data-zoom="close"] { margin-left: auto; }
.offline-zoom-note { font: 13px/1.4 Arial, sans-serif; margin: 10px 2px; color: #644608; }
.offline-zoom-canvas { height: calc(100% - 90px); overflow: auto; background: white; border: 1px solid #ddd; }
.offline-zoom-canvas img { display: block; height: auto; }
[aria-disabled="true"] { opacity: .5; cursor: not-allowed; }
@media print {
  #offline-image-dialog, #closeMe, .offline-zoom-toolbar { display: none !important; }
  .offline-subprocedure { height: auto !important; }
}
