/* CommerceFlow r8.0.0 — menus, drawers, dialogs */
body.cf-v8 dialog,
body.cf-v8 .cf-dialog,
body.cf-v8 .cf-admin-manager[open] > .cf-admin-manager-panel {
  border: 1px solid var(--cf-line-strong); border-radius: var(--cf-radius-2); background: var(--cf-white); box-shadow: var(--cf-shadow-dialog);
}
body.cf-v8 dialog { width: min(720px, calc(100vw - 32px)); max-height: min(86vh, 900px); padding: 0; }
body.cf-v8 dialog::backdrop { background: rgba(9,24,39,.55); }
body.cf-v8 .cf-admin-manager[open] > .cf-admin-manager-panel {
  position: fixed; z-index: 1000; inset: 5vh max(16px, 5vw); max-width: 900px; max-height: 90vh; margin: auto; overflow: auto;
}
body.cf-v8 .cf-admin-manager[open]::after { content: ""; position: fixed; z-index: 999; inset: 0; background: rgba(9,24,39,.55); }
body.cf-v8 .cf-admin-manager-panel header,
body.cf-v8 .cf-dialog-header {
  position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 12px 16px; border-bottom: 1px solid var(--cf-line); background: var(--cf-cloud);
}
body.cf-v8 .cf-admin-manager-panel > :not(header),
body.cf-v8 .cf-dialog-body { margin-left: 16px; margin-right: 16px; }
body.cf-v8 .cf-admin-manager-panel > :last-child,
body.cf-v8 .cf-dialog-footer { margin-bottom: 16px; }
body.cf-v8 .support-mode-banner {
  position: sticky; top: 0; z-index: 90; display: flex; align-items: center; justify-content: space-between; gap: 12px;
  margin: -16px -20px 16px; padding: 9px 16px; border: 0; border-bottom: 2px solid #8a6512; border-radius: 0;
  color: #3f310e; background: #fff2c8; box-shadow: none;
}
body.cf-v8 .support-mode-banner strong,
body.cf-v8 .support-mode-banner span { display: block; color: inherit; }
body.cf-v8 .support-mode-banner span { font-size: 12px; }