/* Positional fallback only: preserve modern styles and the existing Pangu theme. */
/* 低配置只去掉昂贵装饰，不改变数据、弹窗遮罩及键盘焦点反馈。 */
html.portal-lite {
  --pangu-material-blur: none;
  --pangu-material-glass: var(--pangu-surface);
  --pangu-material-raise-shadow: none;
  --pangu-material-inset-shadow: none;
  scroll-behavior: auto !important;
}
html.portal-lite .console-shell *,
html.portal-lite .pangu-modal *,
html.portal-lite .console-payment-modal * {
  animation: none !important;
  transition: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  scroll-behavior: auto !important;
}
html.portal-lite .console-animate-in { opacity: 1 !important; transform: none !important; }
html.portal-lite .console-glass-card,
html.portal-lite .console-sidebar,
html.portal-lite .console-topbar,
html.portal-lite .pangu-modal-card {
  background-color: var(--pangu-surface) !important;
  box-shadow: none !important;
}
html.portal-lite .pangu-modal-backdrop,
html.portal-lite .model-plaza-details-backdrop,
html.portal-lite .console-modal-backdrop {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
@supports not (inset: 0) {
  .pangu-modal,
  .pangu-modal-backdrop,
  .pangu-switch-input,
  .pangu-switch-track,
  .auth-modal,
  .auth-modal-backdrop,
  .admin-modal,
  .admin-modal-backdrop,
  .admin-sidebar-overlay,
  .model-plaza-details,
  .model-plaza-details-backdrop,
  .model-plaza-filter-backdrop,
  .console-channel-modal,
  .console-channel-modal-backdrop,
  .console-payment-modal,
  .console-modal-backdrop,
  .console-confirm-modal,
  .console-confirm-modal-backdrop,
  .console-activity-result-modal,
  .console-activity-result-backdrop,
  [data-loading-overlay="true"] {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}

/* These are verified non-wrapping flex containers; do not alter Grid gap. */
.no-flex-gap .pangu-modal-header > * + *,
.no-flex-gap .pangu-modal-footer > * + * {
  margin-left: var(--pangu-space-3, 12px);
}
.no-flex-gap .pangu-modal-body > * + * {
  margin-top: var(--pangu-space-4, 16px);
}
.no-flex-gap .pangu-field > * + * {
  margin-top: var(--pangu-space-2, 8px);
}
.no-focus-visible button:focus,
.no-focus-visible a:focus,
.no-focus-visible input:focus,
.no-focus-visible select:focus,
.no-focus-visible textarea:focus,
.no-focus-visible summary:focus,
.no-focus-visible [tabindex]:focus {
  outline: 2px solid var(--pangu-brand, #0066cc);
  outline-offset: 2px;
}
.no-focus-visible .skip-link:focus { transform: translateY(0); }

@supports not (height: 100dvh) {
  .auth-modal-card { max-height: calc(100vh - 40px); }
  .admin-monitor-modal-card { max-height: calc(100vh - 40px); }
}