/* ── OVERLAY ── */
    .overlay{
      position:fixed;inset:0;
      background:var(--overlay-bg);backdrop-filter:blur(12px);
      display:none;align-items:center;justify-content:center;
      padding:24px;z-index:80;
      animation: fadeIn 0.22s ease;
    }
    @keyframes fadeIn {
      from { opacity: 0; }
      to { opacity: 1; }
    }
    .overlay.open{display:flex}
    .panel{
      width:min(100%, 500px);max-height:min(88vh, 740px);overflow-y:auto;
      border-radius:24px;background:var(--surface);
      border:1px solid var(--line);box-shadow:var(--shadow-lg);padding:28px;
    }
    .panel-head{
      display:flex;align-items:flex-start;justify-content:space-between;
      gap:14px;margin-bottom:20px;
    }
    .panel-head h5{font-size:20px;font-weight:700;letter-spacing:-.025em}
    .panel-sub{font-size:13px;color:var(--muted);margin-top:4px}
    .x-btn{
      width:36px;height:36px;border-radius:14px;
      background:var(--surface-off);color:var(--muted);
      display:grid;place-items:center;font-size:13px;
      flex-shrink:0;transition:var(--tr);
      cursor: pointer;
      box-shadow: var(--shadow-xs);
    }
    .x-btn:hover{
      background:var(--chip);
      color: var(--text);
      transform: scale(1.06) rotate(90deg);
    }
    .x-btn:active{transform: scale(0.94) rotate(90deg)}
    /* flow detail 右上角關閉流的 x 按鈕:用 Blush 奶昔粉(讓 6 色 pastel 盤用於更明確的 UI 元素) */
    .x-btn[data-close="flowDetailOverlay"],
    .x-btn[data-close="flowDetailOverlay"]:hover {
      background: var(--pastel-blush);
      color: var(--stamp-rejected-text);
    }
    .field{margin-bottom:16px}
    .field label{
      display:block;margin-bottom:7px;
      font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.04em;
    }
    .field input,.field textarea{
      width:100%;border:1px solid var(--line);
      background:var(--bg);border-radius:13px;
      padding:11px 14px;color:var(--text);outline:none;
      transition:var(--tr);
    }
    .field textarea{min-height:90px;resize:vertical;line-height:1.7}
    .field input:focus,.field textarea:focus{
      border-color:var(--primary-soft);
      box-shadow:0 0 0 3px var(--focus-ring);
    }
    .swatches{display:flex;gap:10px;flex-wrap:wrap}
    .swatch{
      width:28px;height:28px;border-radius:50%;
      border:2px solid transparent;
      box-shadow:var(--shadow-xs);transition:var(--tr);cursor:pointer;
    }
    .swatch.active{border-color:var(--text);transform:scale(1.15)}
    .panel-foot{
      display:flex;align-items:center;justify-content:space-between;
      gap:12px;padding-top:18px;
      border-top:1px solid var(--line);margin-top:4px;
    }
    .danger-btn{
      font-size:13px;font-weight:600;
      color:var(--danger);
      padding: 9px 18px;
      border-radius: 14px;
      background: var(--surface);
      border: 1px solid var(--line);
      box-shadow: var(--shadow-xs);
      transition:var(--tr);
      cursor: pointer;
    }
    .danger-btn:hover{
      color: #ffffff;
      background: var(--danger);
      border-color: transparent;
      transform: translateY(-1.5px) scale(1.04);
      box-shadow: var(--shadow-sm);
    }
    .danger-btn:active{transform: translateY(0) scale(0.98)}