/* ----------------------------------------------------------------
   Leave dialog — 建立／編輯流程的「返回離開確認」彈窗
   spec §5.2.4（建立流程共同行為 · 關閉確認）

   由 partials/wizard-chrome.js 注入並控制，6 個建立流程頁共用
   （create-product / -auction / -bundle / -event / -project / register-ip）。
   兩個型態，同一結構：
     · 編輯過（有未存內容）→ 標題「要先儲存再離開嗎？」＋ 儲存並離開（primary）／不儲存就離開（outline）
     · 未編輯 → 標題「要離開這一頁嗎？」＋ 離開（primary，不問儲存）
   2026-06-29 自 shared.css promote 成元件（原 class .wizard-leave* → .leave-dialog*）。
   全值引用 _tokens.css 的設計 token。
   ---------------------------------------------------------------- */

.leave-dialog { position: fixed; inset: 0; z-index: 100; display: none; align-items: center; justify-content: center; }
.leave-dialog[data-open] { display: flex; }
.leave-dialog__scrim { position: absolute; inset: 0; background: var(--overlay-tint); }
.leave-dialog__card {
  position: relative; z-index: 1;
  width: min(420px, calc(100vw - 40px));
  background: var(--card); border-radius: var(--radius-xl);
  padding: var(--sp-24); box-shadow: var(--shadow-overlay);
}
.leave-dialog__close {
  position: absolute; top: 12px; right: 12px;
  display: inline-grid; place-items: center; width: 32px; height: 32px;
  border: 0; background: transparent; cursor: pointer; color: var(--foreground-muted); border-radius: var(--radius-sm);
}
.leave-dialog__close:hover { color: var(--foreground); background: var(--accent); }
/* Q10 2026-07-13：關閉鍵回到基礎 .ztor-icon 16px，移除原 18px 覆寫 */
.leave-dialog__title { font-family: var(--font-display); font-size: var(--fs-18); font-weight: var(--fw-regular); margin: 0 var(--sp-6) var(--sp-6) 0; }
.leave-dialog__body { color: var(--foreground-muted); font-size: var(--fs-14); margin: 0 0 var(--sp-20); }
.leave-dialog__actions { display: flex; flex-direction: column; gap: var(--sp-8); }
.leave-dialog__actions .btn { width: 100%; justify-content: center; }