#dmRoot.copy-menu-open #layout-drawer-overlay {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
#dmRoot.copy-menu-open .layout-drawer {
  display: block !important;
  visibility: visible !important;
  transform: translateX(0) !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
.copy-dialog {
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: white;
  max-width: calc(100vw - 30px);
  max-height: calc(100vh - 30px);
  overflow: hidden;
}
.copy-dialog::backdrop { background: rgba(0,0,0,.5); }
.copy-dialog iframe { display: block; width: min(796px, calc(100vw - 30px)); height: min(540px, calc(100vh - 30px)); border: 0; }
.copy-dialog img { display: block; max-width: 100%; max-height: calc(100vh - 30px); object-fit: contain; }
.copy-dialog-close {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1;
  background: white;
  color: #222;
  border: 1px solid #aaa;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  font: 24px/1 sans-serif;
  cursor: pointer;
}
#dmRoot.copy-popup-page #dmHeader, #dmRoot.copy-popup-page #fcontainer,
#dmRoot.copy-popup-page #layout-drawer-hamburger { display: none !important; }
.copy-form-note { margin: 12px 0 0; font-size: .875rem; text-align: center; }
.copy-form-note a { text-decoration: underline; }
#dmRoot.copy-popup-page #hcontainer { display: none !important; }
#dmRoot.copy-menu-open #layout-drawer-hamburger { position: relative; z-index: 1003; }
@media (prefers-reduced-motion: no-preference) {
  .copy-enter[data-anim-desktop="fadeIn"] { animation: copy-fade 1s both; }
  .copy-enter[data-anim-desktop="fadeInUp"] { animation: copy-fade-up 1s both; }
  .dmMobileBody .copy-enter[data-anim-mobile="bounceInCombo"] { animation: copy-bounce 1.2s both; }
}
@keyframes copy-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes copy-fade-up { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
@keyframes copy-bounce {
  0% { opacity: 0; transform: scale(.86); }
  55% { opacity: 1; transform: scale(1.04); }
  100% { transform: scale(1); }
}

/* Restore the original resource-popup backgrounds behind their white fields.
   Duda scoped these colors to dmPopupInner; the migration uses same-origin iframes. */
#dmRoot[data-page-alias="accounting-software"] #dm .dmBody .allWrapper {
  background-image:linear-gradient(90deg,rgba(224,155,225,1) 0,rgba(12,36,114,1) 100%)!important;
}
#dmRoot[data-page-alias="basics-of-managing-books"] #dm .dmBody .allWrapper {
  background-color:rgba(36,51,100,1)!important;
}