.cma-hp-backdrop,
.cma-hp-manager-layer {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
}
.cma-hp-backdrop, .cma-hp-backdrop * , .cma-hp-manager-layer, .cma-hp-manager-layer * { box-sizing: border-box; }
.cma-hp-backdrop {
  display: grid !important;
  place-items: center;
  padding: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
  background: rgba(11, 24, 45, .68);
  overscroll-behavior: contain;
}
.cma-hp-dialog {
  width: min(420px, 100%);
  max-height: calc(100vh - 32px);
  max-height: calc(100dvh - 32px);
  overflow: auto;
  padding: 26px 24px 22px;
  border: 1px solid #d8e3f1;
  border-radius: 18px;
  background: #fff;
  color: #17304f;
  box-shadow: 0 24px 72px rgba(5, 25, 56, .3);
  outline: none;
  -webkit-overflow-scrolling: touch;
}
.cma-hp-mark {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 16px;
  border-radius: 13px;
  background: #edf5ff;
  color: #1767c5;
  font-size: 26px;
  font-weight: 800;
}
.cma-hp-dialog h2 { margin: 0 0 10px; color: #17304f; font-size: 20px; font-weight: 750; line-height: 1.45; overflow-wrap: anywhere; }
.cma-hp-content { max-height: min(46vh, 360px); overflow: auto; color: #475569; font-size: 15px; line-height: 1.75; white-space: pre-wrap; overflow-wrap: anywhere; }
.cma-hp-error { margin: 14px 0 0; color: #b73643; font-size: 13px; line-height: 1.5; }
.cma-hp-error[hidden] { display: none; }
.cma-hp-actions { display: flex; flex-direction: column; gap: 9px; margin-top: 24px; }
.cma-hp-actions button { min-height: 42px; padding: 9px 16px; border-radius: 8px; font: inherit; font-size: 15px; font-weight: 700; cursor: pointer; }
.cma-hp-actions .cma-hp-confirm { border: 1px solid #1677ff; background: #1677ff; color: #fff; }
.cma-hp-actions .cma-hp-later { border: 1px solid #d5deea; background: #fff; color: #475569; }
.cma-hp-actions button:disabled { opacity: .6; cursor: wait; }
.cma-hp-actions button:focus-visible, .cma-hp-admin-launch:focus-visible, .cma-hp-manager-close:focus-visible { outline: 3px solid #9bc5f1; outline-offset: 3px; }
.cma-hp-admin-launch { margin-left: auto; min-height: 30px; padding: 5px 12px; border: 1px solid #9dc4f8; border-radius: 6px; background: #edf5ff; color: #1767c5; font-size: 12px; font-weight: 700; cursor: pointer; }
.cma-hp-manager-layer { display: flex; flex-direction: column; padding: 10px; background: rgba(11, 24, 45, .72); }
.cma-hp-manager-close { align-self: flex-end; margin: 0 2px 8px; padding: 6px 15px; border: 1px solid #cbd8e8; border-radius: 6px; background: #fff; color: #172b4d; font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; }
.cma-hp-manager-frame { flex: 1 1 auto; width: 100%; min-height: 0; border: 0; border-radius: 8px; background: #f4f7fb; }
@media (max-width: 480px) {
  .cma-hp-backdrop { padding: 12px; }
  .cma-hp-dialog { padding: 22px 20px 20px; border-radius: 14px; }
  .cma-hp-dialog h2 { font-size: 18px; }
  .cma-hp-content { font-size: 14px; }
  .cma-hp-manager-layer { padding: 4px; }
  .cma-hp-manager-frame { border-radius: 4px; }
}