/* ══ Delete Confirm Dialog ══ */
    #delete-confirm-dialog {
      position: fixed; inset: 0; z-index: 500;
      display: flex; align-items: center; justify-content: center;
      opacity: 0; transition: opacity 0.2s ease;
    }
    #delete-confirm-dialog.visible { opacity: 1; }

    .delete-confirm-backdrop {
      position: absolute; inset: 0;
      background: rgba(0,0,0,0.35);
      backdrop-filter: blur(4px);
      -webkit-backdrop-filter: blur(4px);
    }
    .delete-confirm-box {
      position: relative; z-index: 1;
      background: var(--bg-main);
      border: 1.5px solid var(--border-color);
      border-radius: 1.5rem;
      padding: 1.75rem 2rem;
      width: 280px;
      text-align: center;
      box-shadow: 0 20px 60px rgba(0,0,0,0.18), 0 4px 16px rgba(0,0,0,0.1);
      transform: scale(0.88) translateY(8px);
      transition: transform 0.22s cubic-bezier(0.34,1.56,0.64,1);
    }
    #delete-confirm-dialog.visible .delete-confirm-box {
      transform: scale(1) translateY(0);
    }
    .delete-confirm-icon {
      width: 48px; height: 48px; border-radius: 50%;
      background: rgba(239,68,68,0.1);
      border: 1.5px solid rgba(239,68,68,0.2);
      display: flex; align-items: center; justify-content: center;
      margin: 0 auto 1rem;
      color: #ef4444;
    }
    body.theme-gray .delete-confirm-icon {
      background: rgba(239,68,68,0.15);
      border-color: rgba(239,68,68,0.25);
    }
    .delete-confirm-text {
      font-size: 0.95rem; font-weight: 600;
      color: var(--text-main);
      margin-bottom: 0.35rem;
    }
    .delete-confirm-sub {
      font-size: 0.75rem;
      color: var(--text-muted);
      margin-bottom: 1.5rem;
    }
    .delete-confirm-actions {
      display: flex; gap: 0.75rem;
    }
    .delete-btn-cancel {
      flex: 1; padding: 0.6rem 0;
      font-size: 0.875rem; font-weight: 500;
      border-radius: 0.9rem;
      border: 1.5px solid var(--border-color);
      background: transparent;
      color: var(--text-muted);
      cursor: pointer;
      transition: background 0.18s, color 0.18s, transform 0.15s;
    }
    .delete-btn-cancel:hover {
      background: var(--bg-item-hover);
      color: var(--text-main);
    }
    .delete-btn-cancel:active { transform: scale(0.96); }
    .delete-btn-confirm {
      flex: 1; padding: 0.6rem 0;
      font-size: 0.875rem; font-weight: 600;
      border-radius: 0.9rem;
      border: none;
      background: #ef4444;
      color: #fff;
      cursor: pointer;
      transition: background 0.18s, transform 0.15s, box-shadow 0.18s;
      box-shadow: 0 4px 12px rgba(239,68,68,0.3);
    }
    .delete-btn-confirm:hover {
      background: #dc2626;
      box-shadow: 0 6px 16px rgba(239,68,68,0.4);
    }
    .delete-btn-confirm:active { transform: scale(0.96); }