.mx_ImageView_button_fit { box-sizing: border-box; min-width: 76px; height: 44px; color: #fff; font: 13px system-ui; white-space: nowrap; }
/* Native ImageView owns zoom, focus restoration and dismissal. Keep its portal
 * above the mobile shell, and never apply the generic white dialog surface. */
body.wedoc2-client .mx_Dialog_lightbox .mx_Dialog {
  z-index: var(--dialog-zIndex-standard, 4012);
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
@media (max-width: 768px) {
  body:has(.mx_ImageView) :is(#wedoc2-mobile-nav, #wedoc2-mobile-home-nav, #wedoc2-mobile-room-backdrop) {
    visibility: hidden;
    pointer-events: none;
  }
  .mx_Dialog_wrapper.mx_Dialog_lightbox {
    top: var(--wedoc2-mobile-top, 0px);
    height: var(--wedoc2-mobile-height, 100dvh);
    width: 100%;
    z-index: var(--dialog-zIndex-wrapper-default, 4000);
  }
  .mx_Dialog_lightbox .mx_Dialog {
    box-sizing: border-box;
    min-width: 0;
    min-height: 0;
    max-height: 100%;
    margin: 0;
  }
  .mx_ImageView { min-width: 0; min-height: 0; overflow: hidden; }
  .mx_ImageView_panel {
    position: relative;
    box-sizing: border-box;
    flex: 0 0 auto;
    height: auto;
    min-height: 104px;
    padding: env(safe-area-inset-top, 0px) max(8px, env(safe-area-inset-right)) 4px max(8px, env(safe-area-inset-left));
    flex-direction: column;
    align-items: stretch;
    background: #15191f;
  }
  .mx_ImageView_info_wrapper {
    flex: 0 0 auto;
    min-width: 0;
    min-height: 48px;
    padding: 0 84px 0 4px;
  }
  .mx_ImageView_info { min-width: 0; }
  .mx_ImageView_info_sender { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .mx_ImageView_info a { color: #ddd !important; }
  .mx_ImageView_title { display: none; }
  .mx_ImageView_toolbar {
    flex: 0 0 auto;
    min-width: 0;
    padding: 0;
    padding-top: 48px;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px;
  }
  .mx_ImageView_panel:has(.mx_ImageView_info_wrapper) .mx_ImageView_toolbar { padding-top: 0; }
  .mx_ImageView_button {
    box-sizing: border-box;
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    padding: 10px;
    color: #fff;
    touch-action: manipulation;
  }
  .mx_ImageView_button svg { width: 24px; height: 24px; color: #fff; }
  .mx_ImageView_button_fit { width: 76px; padding: 8px 4px; font-size: 13px; white-space: nowrap; }
  .mx_ImageView_button_close {
    position: absolute;
    right: max(8px, env(safe-area-inset-right));
    top: calc(env(safe-area-inset-top, 0px) + 2px);
    display: flex;
    align-items: center;
    gap: 4px;
    width: 76px;
    padding: 8px;
    border-radius: 8px;
    background: #343b44;
  }
  .mx_ImageView_button_close::after { content: "关闭"; font-size: 14px; white-space: nowrap; }
  .mx_ImageView_image_wrapper { flex: 1 1 0; min-height: 0; min-width: 0; padding-bottom: env(safe-area-inset-bottom, 0px); }
}